from表单button怎么使用ajax提交表单

如题所述

如果button 的type 是submit的放,可以触犯 

$('formname').submit() 事件,可以在submit事件中提效

例1:

$('.urlform').submit(function() {

if(!isLogin) {
modalshow();
return false;
}
var value=$('#txtUrl').val();
if(validate(value)) {
var url="{:U('Urlhandle/add')}";
var self=$(this);
$.post(url,self.serialize(),success,"json");
return false;

function success(data) {
//var imgdiv=$('#qrcode');

//var img=$('#imgqrcode');

$qrcodeimg.attr("src",data.reurl);
$('#testurl').attr("href",data.sourcerul);
}
} else {
alert('请输入正确的网址');
return false;
}
});

如果button 的type 只是普通的button 可以

.submit() 中一定要返回 'return false' 阻止 from自身引发的post跳转。

$('#buttonid').click() 中提效,.submit() 中的代码 放到.click中就就可以了

温馨提示:内容为网友见解,仅供参考
无其他回答

如何用jqueryajax请求form表单
对form表单进行ajax提交 (document).ready(function() { var options = { target: '#output1', \/\/ 从服务传过来的数据显示在这个div内部 也就是ajax局部刷新 beforeSubmit: showRequest, \/\/ ajax提交之前的处理 success: showResponse \/\/ 处理之后的处理 }; $('#showDataForm').submit(fu...

ajax序列化from表单怎么接收ajax序列化提交表单
注意,此方法返回的是JSON对象而非JSON字符串。需要使用插件或者第三方库进行字符串化操作。格式:varjsonData=$(form).serializeArray();1 1 在使用ajax提交表单数据时,以上两种方法都可以将data参数设置为(form).serialize()或(form).serializeArray()。1.serialize()方法 格式:vardata=$(“form”)....

ajax怎么提交整个form表单
var formdata= $("#form1").SetWebControls(); \/\/获取整个表单的数据 var datavalue={name:"1",pass:"2"} ("#form1").SetWebControls(datavalue); \/\/将数据给整个表单

ajax提交form表单,我要做一个DIV,点击DIV提交form表单,而不是用subm...
要么在你form里定义好action要么在你事件下定义好action。同时在你的事件下使用ajax(推荐使用jquery下的$.post(),$.get(),$.ajax())。还可以在你的事件下使用formData模拟表单的上传,当然还是得ajax。

ajax怎样提交form表单与实现文件上传
Ajax 提交form方式可以将form表单序列化 然后将数据通过data提交至后台,例如:但是这种方式如果表单中有需要提交的文件类型 这样则不行 后台接不到数据。解决办法:使用 FormData。这里使用jquery 最好使用2.0版本之后 之前应该不支持。例如:

表单submit怎么用ajax提交表单
看你是用原生好jquery的实现方式 如果jquery是submit的方式 一般的 灿推科技 或开源的php系统 很多的以接口形式提交数据的,你需要给 form表单加个id;在用submit提交数据,ajax方法写在提交的事件里就可以,ajax里面绑定你需要的参数和地址

form表单提交时候出现的问题.不知道怎么搞定
你好!提交按钮type设为button即可,给这个按钮绑定一个点击事件,在事件里面写ajax提交,但是在提交之前需要做验证判断方法就是使用ajax的beforeSend方法,具体可以参考jqeuery手册,这个方法是在ajax执行前执行,你可以在这个方法里面写验证如果不通过返回return false ajax就不会去执行了 ...

Js表单提交
(1) 默认表单提交 (2)默认不会提交表单 (3) 如果在 form ,我们使用了 type=''submit 属性,但是不让表单默认提交,有什么办法呢?看下面 (4) 如果在 form ,我们使用了 type=''button 属性,但是还是需要提交表单,这是可以使用ajax来提交,好处是可以自己控制提交,并且页面不会跳转 (5)若是...

jquery按钮提交表单?
jquery提交表单有两种情况:1:jquery只做提交用。(form).submit();这个的表单提交到什么地方的是更具form元素里面的action属性去定义的。2:jquery用ajax提交数据。把那个button的类型改为submit就行了。不过如果你要用jquery提交的话,那就先在响应动作事件的函数内把默认事件停止(e.stop())然后再用...

js 通用表单提交2-submit的控制和ajax提交
关于ajax提交,当form的action为空时,可以通过JavaScript设置URL,如`$.ajax({url: 'your-url'})`。至于data的组织,通常使用`serialize()`方法,它会自动处理key\/value格式的序列化。可能需要进行额外的编码或格式调整,具体取决于后端的要求。以上代码示例展示了如何在JavaScript中控制表单提交,包括阻止...

相似回答