$.ajax()方法中的常用参数
1、 url
(paramType:String)发送请求地址。
2、 type
(paramType:String)请求方式(post或 get)默认为get。
3、 dataType
(paramType:String)服务器返回的数据类型。如果没有指定,则返回responseXML或responseText。
可指定的类型:
text: 返回纯文本字符串。
json: 返回JSON数据。
html: 返回纯文本HTML信息。
xml: 返回XML文档。
script: 返回纯文本Javascript代码。
jsonp: JSON格式。
4、data
(paramType: String/Object) 发送到服务端的数据。如果不是字符串,将自动转换为字符串格式。
5、 success
(paramType:Function) 请求完成后的回调函数,有两个参数。
(1)由服务器返回,并根据dataType参数进行处理后的数据。
(2)描述状态的字符串。
function(data, textStatus){
//data可能是xmlDoc、jsonObj、html、text等等
this; //调用本次ajax请求时传递的options参数
}
6、 contentType
(parmType: String)当发送信息至服务器时,内容编码类型默认为”application/x-www-form-urlencoded”
7、 timeout
(paramType:Number)设置请求超时时间(毫秒)。
8、 async
(paramType: Boolean) 默认设置为true,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为false。注意,同步请求将锁住浏览器,用户其他操作必须等待请求完成才可以执行。
9、 error
(paramType:Function) 请求失败时被调用的函数。该函数有3个参数,即XMLHttpRequest对象、错误信息、捕获的错误对象(可选)。ajax事件函数如下:
function(XMLHttpRequest, textStatus, errorThrown){
//通常情况下textStatus和errorThrown只有其中一个包含信息
this; //调用本次ajax请求时传递的options参数
}
事例代码:
$(function(){
$("#sendmsg").on('click',function(){//用户点击Send Message按钮发送消息
var c = $("#chatmsg").val();//取得用户输入的消息变量
var jsonStr = [{'chatmsg':c}];
$.ajax({//提交请求给chatServlet处理。
type:"POST",
url:"msgServlet",//在url中传参
contentType:"application/x-www-form-urlencoded;charset=utf-8",
dataType:"json",
//data:"chatMsg="+c,
data:{
'msg':JSON.stringify(jsonStr)
},
success:function(data){
var chatArea = document.getElementById("chatArea") ;
chatArea.value = null ;
var msgList = data;
for ( var i=0; i<msgList.length; i++) {
if ( i == msgList.length-1) {
chatArea.value += msgList[i] ;
} else {
chatArea.value += msgList[i] + "\n" ;
}
}
}
});
});
});