Quels sont les types de retour des requêtes ajax ?-Questions et réponses frontales-php.cn

Quels sont les types de retour des requêtes ajax ?

青灯夜游

Libérer： 2022-01-17 17:29:45

original

6816 Les gens l'ont consulté

Les types de retour de requête Ajax sont : 1. le type xml, qui peut être traité par jQuery ; 2. le type html (informations HTML en texte brut) ; 3. le type de script (code JavaScript en texte brut) ; tapez ; 6 , type de texte (chaîne de texte brut).

Quels sont les types de retour des requêtes ajax ?

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

Ajax expliqué en détail

Ajax = JavaScript et XML asynchrones.

Ajax est une technologie permettant de créer des pages Web rapides et dynamiques.

Ajax permet de mettre à jour les pages Web de manière asynchrone en échangeant une petite quantité de données avec le serveur en arrière-plan. Cela signifie que certaines parties d'une page Web peuvent être mises à jour sans recharger la page entière.

Les pages Web traditionnelles (n'utilisant pas Ajax) doivent recharger la page Web entière si le contenu doit être mis à jour.

(Remarque : les images proviennent d'Internet)
Quels sont les types de retour des requêtes ajax ?

Comment utiliser la technologie Ajax

Tout d'abord, vous devez obtenir l'objet XMLHttpRequest : XMLHttpRequest对象：

var xhr;
xhr = new XMLHttpRequest();

Copier après la connexion

XMLHttpRequest对象有5个核心属性：

onreadystatechange：当准备状态发生变化
readyState：准备状态，该属性的值可能是0~4之间的数字，0表示尚未建立连接，4表示接收到响应
status：响应码，例如404、200
responseText：响应的字符串
responseXML：响应的XML

当需要发出请求时，需要XMLHttpRequest对象的open()和send()方法：

open(请求方式, 请求路径, 是否异步)
send()

使用演示：

// 异步检查用户名是否存在
function checkUsername(username) {
    // 获取XMLHttpRequest对象
    var xhr = new XMLHttpRequest();
    var url = "check_username.do?username="
            + username;

    // 配置onreadystatechange
    xhr.onreadystatechange = function() {
        // 当服务器已经响应(4)且响应码是200时
        if (xhr.readyState == 4
                && xhr.status == 200) {
            // 根据服务器的响应，显示响应的提示消息
            if (xhr.responseText == "1") {
                // 表示用户名存在
                document.getElementById("username_hint").innerHTML= "用户名正确";
            } else {
                // 表示用户名不存在
                document.getElementById("username_hint").innerHTML= "用户名不存在";
            }
        }
    };
    // 调用函数
    xhr.open("GET", url, true);
    xhr.send();
}

Copier après la connexion

在JQuery中，Ajax有三种实现方式：

$.ajax({
    "url":"",   //访问路径
    "data":"",  // 需要传输的数据
    "type":"",  // 请求方式
    "dataType":"",  // 返回值类型
    "success":function(obj){},      // 响应成功时的回调函数
    "error":function(obj){}     // 响应失败时的回调函数
});

$.get(URL,callback);

$.post(URL,data,callback);

Copier après la connexion

<strong><span style="font-size: 18px;">使用Ajax时的返回值类型有哪些？</span></strong>

xml、html、script、JSON、jsonp、text

Copier après la connexion

xml：返回XML文档，可用 jQuery 处理。
html：返回纯文本HTML信息；
script：返回纯文本JavaScript代码。不会自动缓存结果。除非设置了 “cache” 参数；
json：json方式和html方式在请求和服务器中完全是一样，请求的返回值实际上都是String对象，有两点不同，第一：html方式的时候并没有限制返回的字符串格式，而json方式的时候，必须符合json协议的规范。第二：html方式请求完成之后没有做任何的操作直接回调sucuess，而json多了一步就是加了eval，执行返回的字符串，看看源码data = eval_r("(" + data + ")");返回json对象；(方法的返回值是Javabean时，在响应体中响应成json字符串格式)
jsonp：jsonp方式的交互方式和js是一样的，本身xmlHttpRequest对象并不能跨域访问，但是script标签的srcrrreee
XMLHttpRequest a 5 attributs principaux :

onreadystatechange : lorsque l'état de préparation change
readyState : état prêt, la valeur de cet attribut peut être entre 0 et 4 Chiffre, 0 signifie que la connexion n'a pas été établie, 4 signifie qu'une réponse a été reçue

statut

responseText : chaîne de réponse

responseXML

open()

send()

XMLHttpRequest

🎜 🎜Quels sont les types de valeurs de retour lors de l'utilisation d'Ajax ? 🎜🎜

JavaScript

data = eval_r. ("(" + data + " )")

xmlHttpRequest

src

script