Ajax

灰太狼 2021-09-27 23:00 232阅读 0赞

**1 Ajax**  
异步请求  
google的成名技术之一  
后台提交请求  
页面无刷新  
局部刷新  
**2 js中的Ajax**  
1 发送Get请求

var xhr = new XMLHttpRequest();//构造ajax对象
    xhr.open("GET", "/infos?name=admin", true);//打开连接
    xhr.send();//发送请求
    xhr.onreadystatechange = function () {
        if (xhr.readyState == 4) {//4 代表服务器正确的给客户端响应,客户端也正确的收到了响应
            var ret = eval("(" + xhr.responseText + ")")
            console.log(ret.name);
        }
    }

2 发送POST请求

var xhr = new XMLHttpRequest();
    xhr.open("POST", "/infos", true);
    xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");//
    xhr.send("name=admin123");
    xhr.onreadystatechange = function () {
        if (xhr.readyState == 4) {//4 代表响应成功
            var ret = eval("(" + xhr.responseText + ")")
            console.log(ret.name);
        }
    }

***3 jquery的ajax***  
get请求

$.ajax({ 
        url: "/infos1?name=admin1234",
        type: "GET",//可以省略 默认为GET请求
        dataType: "json"
    }).done(function () { 
        console.log("成功...");
    }).fail(function () { 
        console.log("失败...");
    });

2 post请求

$.ajax({ 
        url: "/infos",
        type: "POST",//
        data: "name=admin222",
        dataType: "json"
    }).done(function (data) { 
        console.log(data);
    }).fail(function () { 
        console.log("失败...");
    });

以上是Ajax的代码 如有错误 请大佬指出

发表评论取消回复

表情：

评论列表（有 0 条评论，232人围观）

还没有评论，来说两句吧...

相关阅读

相关 Ajax是什么？Ajax有什么作用？Ajax过程，Ajax优缺点

Ajax是什么 Ajax 的全称是asynchronous javascript and xml 从全称不难发现AJAX = 异步，JavaScript 和 XML。

逃离我推掉我的手/ 2023年06月25日 11:30/ 0 赞/ 162 阅读

相关 Ajax ON Canada,Ajax

Ajax is a fantastic community. This thriving town is full of opportunity, surrounded by

ゝ一世哀愁。/ 2022年09月03日 13:25/ 0 赞/ 110 阅读

相关 Ajax-Ajax核心代码

![Center][] 1, var xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");

向右看齐/ 2022年07月14日 00:20/ 0 赞/ 142 阅读

相关 jQuery ajax - ajax() 方法

[jQuery Ajax 参考手册][jQuery Ajax] 实例通过 AJAX 加载一段文本： jQuery 代码： $(document).read

桃扇骨/ 2022年06月06日 03:05/ 0 赞/ 271 阅读

相关 ajax使用 ajax+json

首先将ajax写于js方法中,定义事件,让元素触发,触发之后就会有数据产生给服务端 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpd

柔情只为你懂/ 2022年04月18日 05:13/ 0 赞/ 255 阅读

相关 Ajax

　　全称:异步javascript和XML 使用jax的优势不需要安装插件支持通过适当的AJAX应用能达到更好的客户体验减轻服务器和带宽的负担 A

小鱼儿/ 2021年12月23日 20:15/ 0 赞/ 114 阅读

相关 AJAX

AJAX AJAX准备知识：JSON 什么是 JSON ？ JSON 指的是 JavaScript 对象表示法（JavaScript Object Nota

亦凉/ 2021年10月01日 00:46/ 0 赞/ 228 阅读

相关 Ajax

1 Ajax 异步请求 google的成名技术之一后台提交请求页面无刷新局部刷新 2 js中的Ajax 1 发送Get请求 var

灰太狼/ 2021年09月27日 23:00/ 0 赞/ 233 阅读

相关 AJax

Ajax 一、什么是Ajax 二、XMLHttpRequest对象三、ajax五步一、get方法二、post方法

雨点打透心脏的1/2处/ 2021年09月07日 06:05/ 0 赞/ 363 阅读

相关 Ajax

(1)页面表单： <form action="POST"> <input type="text" name="userId" id="userI

红太狼/ 2021年06月24日 14:36/ 0 赞/ 355 阅读