Introduction aux requêtes d'obtention et de publication Ajax

L'article suivant vous apporte une compréhension approfondie des requêtes get et post Ajax. Le contenu est assez bon, je vais donc le partager avec vous maintenant et le donner comme référence.

1.get request

function ()
 {
    //向服务器请求 时间
    //1.创建异步对象（小浏览器）
    var xhr = new XMLHttpRequest();
    //2.设置参数，true表示使用异步模式
    xhr.open("get", "GetTime.ashx?name= Mr靖", true); 
    //3.让get请求不从浏览器获取缓存数据
    xhr.setRequestHeader("If-Modified-Since","0");
    //3.设置回调函数
    xhr.onreadystatechange = function ()
    {
          //3.1当完全接收完响应报文后 并且 响应状态码为200的时候
          if (xhr.readyState == 4 && xhr.status == 200)
          {
            //3.2获取相应报文体内容
            var res = xhr.responseText;
            alert(res);
          }
    };
    //4.发送异步请求
    xhr.send(null);
}

2.post request

function ()
 {
    //向服务器请求 时间
    //1.创建异步对象（小浏览器）
    var xhr = new XMLHttpRequest();
    //2.设置参数
    xhr.open("post", "GetTime.ashx", true);
    //3.设置 请求 报文体 的 编码格式（设置为 表单默认编码格式）
    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    //4.设置回调函数
    xhr.onreadystatechange = function ()
    {
        //3.1当完全接收完响应报文后 并且 响应状态码为200的时候
        if (xhr.readyState == 4 && xhr.status == 200)
       {
         //3.2获取相应报文体内容
          var res = xhr.responseText;
          alert(res);
       }
     };
     //5.发送异步请求"name=Mr靖"
     //5.1格式：直接拼接字符串 key=value&key1=value2
     xhr.send("name=Mr靖&age=18");
 };

Ce qui précède est l'intégralité du contenu de cet article, j'espère qu'il sera utile à l'apprentissage de tout le monde. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

AJAX utilise la publication pour envoyer des données au format XML afin de recevoir des données

Réencapsulation et ajax dans Jquery Opération simplifiée

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!