JS

最新推荐文章于 2024-07-12 09:36:48 发布

雨y飘零久

最新推荐文章于 2024-07-12 09:36:48 发布

阅读量171

点赞数

分类专栏： JS 文章标签： xmlhttprequest 函数 javascript

本文链接：https://blog.csdn.net/qq_27926119/article/details/78678582

版权

JS 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

原生js的ajax

GET

  function sub(){
    var phoneNum = 'demo';
    var obj;
    obj = new XMLHttpRequest();
    obj.onreadystatechange=function()
    {
        if (obj.readyState==4 && obj.status==200)
        {
          alert("tongle");
        }
     }
     obj.open("GET","SearchController.php?phoneNum="+phoneNum,true);
     obj.send();

   }

POST

  function sub(){
    // post
    var phoneNum = 'demo';
    //
    var postData = {
      "phoneNum":phoneNum,
    };

      // post to json
      postData = (function(obj){
          var str = "";
          for(var prop in obj){
              str += prop + "=" + obj[prop] + "&"
          }
          return str;
      })(postData);
      // ajax
      var obj;
    obj = new XMLHttpRequest();
      obj.onreadystatechange=function()
      {
          if (obj.readyState==4 && obj.status==200)
          {
            alert(obj.responseText);
          }
       }
       obj.open("POST","demo2Controller.php",true);
       obj.setRequestHeader('content-type', 'application/x-www-form-urlencoded');
       obj.send(postData);

   }

JQuery的ajax

GET

function sub(){
    // post
    var phoneNum = 'demo';
    //
      $.ajax({
  	  type: "GET",
  	  url: 'demo2Controller.php',
  	  dataType: 'json',
  	  cache: false,
  	  data: {phoneNum: phoneNum},
  	  success: function(data) {
        alert(data);
  	  },
  	  error: function(xhr, status, error) {
  	    console.log(xhr);
  	    console.log(status);
  	    console.log(error);
  	  }
  	 });

   }

POST

  function sub(){
    // post
    var phoneNum = 'demo';
    //
      $.ajax({
  	  type: "POST",
  	  url: 'demo2Controller.php',
  	  dataType: 'json',
  	  cache: false,
  	  data: {phoneNum: phoneNum},
  	  success: function(data) {
        alert(data);
  	  },
  	  error: function(xhr, status, error) {
  	    console.log(xhr);
  	    console.log(status);
  	    console.log(error);
  	  }
  	 });

   }