jQuery ajax()方法

$.ajax()方法:

  


* 发送data主要有3种方式
* 1.json 数组(推荐1)
* 2.url拼接
* 3.表单的序列化serialize(推荐2)

 

(1)json 数组(推荐1)

$(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

      /*
        $.ajax()以上7个方法都是常用方法。
      */ }); } $("#img").click(myClick); });
<body> <form>   <input id="userName" name="userName"value="xiaoming"><br>   <img id="img" src="img/1.png">   </form> </body>

 

 

(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>

 

转载于:https://www.cnblogs.com/wangpengpeng/p/7234356.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值