Ajax

灰太狼 2021-09-27 23:00 248阅读 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 条评论，248人围观）

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

相关阅读

相关 jquery ajax ajax()

-------------------- jquery ajax ajax() 应用：ajax()是jquery ajax底层实现，其他的ajax提交方式都可以通

浅浅的花香味﹌/ 2023年03月04日 08:21/ 0 赞/ 9 阅读

相关 jQuery ajax - ajax() 方法

jQuery的ajax：平常没怎么理解它，只是用它和服务器端进行数据交互。随着不断深入，需要将一些基础的记录一下，方便以后复习回忆，因此有了这篇博文。 jQuery aja

超、凢脫俗/ 2023年02月08日 12:59/ 0 赞/ 12 阅读

相关 Ajax ON Canada,Ajax

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

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

相关 Ajax-Ajax核心代码

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

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

相关 jQuery ajax - ajax() 方法

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

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

相关 ajax使用 ajax+json

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

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

相关 Ajax

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

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

相关 AJAX

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

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

相关 Ajax

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

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

相关 Ajax

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

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