>  기사  >  웹 프론트엔드  >  jQuery의 ajax() 메소드에 대한 자세한 소개

jQuery의 ajax() 메소드에 대한 자세한 소개

黄舟
黄舟원래의
2017-07-27 16:25:041359검색

$.ajax() 메서드:

* 데이터를 보내는 방법은 크게 세 가지가 있습니다.
* 1.json 배열(권장 1)
* 2.url splicing
* 3. 양식 순서 직렬화(권장 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:&#39;B&#39;,//目标为Servlet B发送请求地址
          type:&#39;GET&#39;,/*访问Servlet B请求方式(post或get)默认为get。注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持。*/
          date:myDate,//把信息提交给Servlet数据
          dateType:&#39;text&#39;,//返回类型为文本类型
         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 splicing

$(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(&#39;发生错误&#39;);
    if (XMLHttpRequest.status==404){
    alert(&#39;找不到服务器[404]&#39;);
    } else if(XMLHttpRequest.status==500){
    alert(&#39;服务器忙,请稍后再试[500]&#39;);
    }else{
    alert(&#39;服务器错误[&#39;+XMLHttpRequest.status+&#39;]&#39;);
    }
   } 
    $.ajax({
          url:&#39;B?userName=&#39;+$("#userName").val(),//目标为Servlet B发送请求地址

          type:&#39;GET&#39;,/*访问Servlet B请求方式(post或get)默认为get。注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持。*/
          date:myDate,//把信息提交给Servlet数据
          dateType:&#39;text&#39;,//返回类型为文本类型
         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) 양식 직렬화(권장 2)

아아아아

위 내용은 jQuery의 ajax() 메소드에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.