$.ajax()方法：
* 发送data主要有3种方式
* 1.json 数组(推荐1)
* 2.url拼接
* 3.表单的序列化serialize(推荐2)
(1)json 数组(推荐1)
<span style="font-size: 16px;"><strong><span style="color: #000000;">$(function(){
var myClick = function(){
var userName = $().val();
var myDate = {userName:usrName};
var myFunction = function(result){alert(result)};
var eeorFunction = function(){alert("发生异常")};
$.ajax({
url:'B',//目标为Servlet B发送请求地址
type:'GET',/*访问Servlet B请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。*/
date：myDate,//把信息提交给Servlet数据
dateType:'text',//返回类型为文本类型
success:myFunction,//成功后的回调函数，result为服务器返回的内容
error:errorFunction,
timeout:2000<br/><br/> /*<br/> $.ajax()以上7个方法都是常用方法。<br/> */
});
}
$("#img").click(myClick);
});
</span><span style="color: #0000ff;"><</span><span style="color: #800000;">body</span><span style="color: #0000ff;">></span>
<span style="color: #0000ff;"><</span><span style="color: #800000;">form</span><span style="color: #0000ff;">></span>
<span style="color: #0000ff;"><</span><span style="color: #800000;">input </span><span style="color: #ff0000;">id</span><span style="color: #0000ff;">="userName"</span><span style="color: #ff0000;"> name</span><span style="color: #0000ff;">="userName"</span><span style="color: #ff0000;">value</span><span style="color: #0000ff;">="xiaoming"</span><span style="color: #0000ff;">><</span><span style="color: #800000;">br</span><span style="color: #0000ff;">></span>
<span style="color: #0000ff;"><</span><span style="color: #800000;">img </span><span style="color: #ff0000;">id</span><span style="color: #0000ff;">="img"</span><span style="color: #ff0000;"> src</span><span style="color: #0000ff;">="img/1.png"</span><span style="color: #0000ff;">></span> <span style="color: #0000ff;"></</span><span style="color: #800000;">form</span><span style="color: #0000ff;">></span><span style="color: #0000ff;"></</span><span style="color: #800000;">body</span><span style="color: #0000ff;">></span></strong></span>(2)url拼接
$(function(){
var myClick = function(){
var userName = $().val();
var myDate = {userName:usrName};
var myFunction = function(result){alert(result)};
/*var eeorFunction = function(){alert("发生异常")};*/
var errorFunction = function(XMLHttpRequest,textStatus){
//alert('发生错误');
if (XMLHttpRequest.status==404){
alert('找不到服务器[404]');
} else if(XMLHttpRequest.status==500){
alert('服务器忙，请稍后再试[500]');
}else{
alert('服务器错误['+XMLHttpRequest.status+']');
}
}
$.ajax({
url:'B?userName='+$("#userName").val(),//目标为Servlet B发送请求地址
type:'GET',/*访问Servlet B请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。*/
date：myDate,//把信息提交给Servlet数据
dateType:'text',//返回类型为文本类型
success:myFunction,//成功后的回调函数，result为服务器返回的内容
error:errorFunction,
timeout:2000
});
}
$("#img").click(myClick);
});
<body>
<form>
<input id="userName" name="userName"value="xiaoming"><br>
<img id="img" src="img/1.png">
</form></body>(3) 表单的序列化serialize(推荐2)
$(function(){
var kk = $("#userName").serialize();
var tt = $("#frm1").serialize();
//alert(t //var myClick = function //var userName = $().val();
//var myDate = {userName:usrName};
var myFunction = function(result){alert(result)};
/*var eeorFunction = function(){alert("发生异常")};*/
var errorFunction = function(XMLHttpRequest,textStatus){
//alert('发生错误');
if (XMLHttpRequest.status==404){
alert('找不到服务器[404]');
} else if(XMLHttpRequest.status==500){
alert('服务器忙，请稍后再试[500]');
}else{
alert('服务器错误['+XMLHttpRequest.status+']');
}
}
$.ajax({
url:'B?userName='+$("#userName").val(),//目标为Servlet B发送请求地址
type:'GET',/*访问Servlet B请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。*/
date：myDate,//把信息提交给Servlet数据
dateType:'text',//返回类型为文本类型
success:myFunction,//成功后的回调函数，result为服务器返回的内容
error:errorFunction,
timeout:2000
});
}
$("#img").click(myClick);
});
<body>
<form>
<input id="userName" name="userName"value="xiaoming"><br>
<input id="sex" name="sex" value="男"><br>
<img id="img" src="img/1.png"> </form></body>以上是jQuery中ajax()方法的详细介绍的详细内容。更多信息请关注PHP中文网其他相关文章！
