html5 ajax 提交表单,Jquery中ajax提交表单几种方法(get、post两种方法)

标签本身进行序列化一般更容易些： $('form').submit(function(){ alert($(this).serialize()); returnfalse; });

输出标准的查询字符串：

a=1&b;=2&c;=3&d;=4&e;=5

$POST方式提交表单

$.post

jQuery.post( url, [data], [callback], [type] ) ：使用POST方式来进行异步请求

参数：

url (String) : 发送请求的URL地址.

data (Map) : (可选) 要发送给服务器的数据，以 Key/value 的键值对形式表示。

callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。$.post("momsg.php",{"tel":$("#username").val()},function(data){if(data==0)//0 成功 1 不成功 2 手机号码格式不对 { // } });

通过 AJAX POST 请求改变 p 元素的文本：$("input").keyup(function(){ txt=$("input").val(); $.post("demo_ajax_gethint.asp",{suggest:txt},function(result){ $("span").html(result); });});

实例

Starting request at " + settings.url + "");}); //这里的countryid 可以动态从GridView里面取 var countryid= $("#").val();//获取下拉菜单值 var countryname=format_get_name(countryid);//获取下拉菜单文本 var typeName = $("#").val();//获取txt为typeName的值 var showTypeDesc = $("#").val();//获取txt为showTypeDesc的值 //调用Juqery Ajax $.ajax({ type: "POST", url: "addNews.aspx", timeout: 20000, error: function(){alert('error');}, data: "countryid="+countryid+"&countryname="+countryname+"&typeName="+typeName+"&showTypeDesc="+showTypeDesc, success: function(msg) { var text=msg.split('Error requesting page " + settings.url + ""); }); //当AJAX请求成功时添加一个被执行的方法 $("#msg").ajaxSuccess(function(request, settings){ $(this).append(text[0]); }); //清空文本里面的值 $("#").val(""); $("#").val(""); return false; } }); } } //获取下拉菜单里面的文本内容 function format_get_name(id) { var drp = $(''); for ( var i =0;i以上内容就是脚本之家小编给大家分享的Jquery中ajax提交表单几种方法(get、post两种方法)，希望对大家有所帮助。

更多Jquery中ajax提交表单几种方法(get、post两种方法)相关文章请关注PHP中文网！