您当前的位置： 首页 > 学无止境 > 网站建设 网站首页网站建设
jquery-ajax表单序列化
发布时间：2016-04-03 18:38:44编辑：雪饮阅读（）
Jquery-ajax全局方法ajax：
$("input").click(function(){
//ajax方法开始
$.ajax(
{
type:'POST',
url:'test.php',
data:{url:'ycku'},
success: function(response,status,xhr){$("#box").html(response)}
}
);
//ajax方法结束
});
Jquery-ajax全局方法ajax的表单序列化：
$("#aa").click(function(){
//ajax方法开始
$.ajax(
{
type:'POST',
url:'test.php',
data:$('form').serialize(),
success: function(response,status,xhr){$("#box").html(response)}
}
);
//ajax方法结束
});
表单序列化后是一个编码后的字符串，可使用decodeURIComponent方法进行解码：
alert(decodeURIComponent($('form').serialize()));
也可以将表单序列化为json对象的形式，json对象是不可以直接看到的，我们可以在firebug中查看：
console.log($('form').serializeArray());
Jquery-ajax的ajax初始化方法：
//ajax初始化
$.ajaxSetup(
{
type:'POST',
url:"test.php",
data:$('form').serialize(),
}
);
//ajax初始化结束
$("#aa").click(function(){
//ajax方法开始
$.ajax(
{
success: function(response,status,xhr){$("#box").html(response)}
}
);
//ajax方法结束
});
Ajax初始化可以去除每次ajax中重复的参数，但实际使用时发现不够即时化，本次的请求要在刷新页面后下一次请求才生效
Ajax对于对象式的键值对解析能力有限，过于复杂的对象式键值对，建议用param将其处理后再作为data请求：
$("#aa").click(function(){
//ajax方法开始
$.ajax(
{
type:'POST',
url:"test.php",
data:$.param({
user_name:$("#user_name").val(),
password:$("#password").val()
}),
success: function(response,status,xhr){$("#box").html(response)}
}
);
//ajax方法结束
});
关键字词：jquery,ajax,表单序列化