页面-功能-异步请求-ajax-

一、异步请求发起

几种方式:

第一种:

使用jquery

$.ajax({
            url: "",
            type: "post",
            dataType: "json",
            data: $("#taskForm").serializeArray(),//获取表单的参数,转为json字符
            contentType: "application/x-www-form-urlencoded",
            success: function (r) {
                alert(JSON.stringify(r));
                
            }
        });

 第二种:

使用JavaScript:

AJAX 简介 (w3school.com.cn)

XMLHttpRequest 对象

var xhttp;
  if (window.XMLHttpRequest) {
    // 针对现代浏览器的代码
    xhttp = new XMLHttpRequest();
  } else {
    // 针对 IE6、IE5 的代码
    xhttp = new ActiveXObject("Microsoft.XMLHTTP");
  }
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("demo").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "/demo/js/ajax_info.txt", true);
  xhttp.send();

 

 

二、发送数据json获取

第一种:自己拼接

 

第二种:从表单中获取

 

data: $("#taskForm").serializeArray(),

 

 

 

三、处理回传json对象

 

posted @ 2021-09-24 07:19  hehehenhen  阅读(43)  评论(0)    收藏  举报