$.ajax的一般格式
$.ajax({
type: 'POST',
url: url,
data: data,
success: success,
dataType: dataType
});
$.ajax的参数描述
url 必需。规定把请求发送到哪个 URL.
data 可选。映射或字符串值。规定连同请求发送到服务器的数据。
success(data,textStatus,jqXHR) 可选。请求成功时执行的回调函数。
dataType 可选。规定预期的服务器响应的数据类型。
默认执行智能判断(xml、json、script 或 html)。
$.ajax需要注意的一些地方:
1.data主要方式有三种
html拼接的,json数组,form表单经serialize()序列化的;通过dataType指定,不指定智能判断。
2.$.ajax只提交form以文本方式,如果异步提交包含<file>上传是传过不过去,需要使用jquery.form.js的$.ajaxSubmit(?)
$.ajax我的实际应用例子
data用form形式传过去
function pageLoad(url){
$.ajax({
type:"POST",
contentType:"application/x-www-form-urlencoded; charset=UTF-8",
url:url,
dataType:"html",
data:$("form").serialize(),
success:function(list){
$('#article').empty().append(list);
}
});
}
data用自己定义的形式传过去
var data = {
typecode : "textajax"
,codetype: jQuery("#codetype").val()
,odertype: jQuery("#odertype").val()
,scale : selectedvalue
,contentscd : jQuery("#contentscd").val()
,gubun : jQuery("#gubun").val()
,searchtxt: escape(jQuery("#searchtxt").val())
,curPage : 1
};
function pageLoad(url){
$.ajax({
type:"POST",
data:data,
success:function(list){
$('#article').empty().append(list);
}
});
}
基本形式
var url = "${f:url('/master/line/doLine')}";
var data = {
typecode : "textajax"
,scale : selectedvalue
,searchtxt: escape(jQuery("#searchtxt").val())
,curPage : 1
};
jQuery.ajax({
type:"POST",
contentType:"application/x-www-form-urlencoded; charset=UTF-8",
url:url, dataType:"html",data:$("form").serialize(),success:function(list){ alert("结果")} });