JS使用Ajax

ゝ一纸荒年。 2022-05-26 05:21 114阅读 0赞

<script type="text/javascript">
    //加载函数
    	function loadName(){
    		var xmlHttp = null;
    //判断浏览器是否优先支持XMLHttpRequest
    		if(window.XMLHttpRequest){
    			xmlHttp = new XMLHttpRequest();
    		}else{
    //让IE老版本使用也可以使用Ajax
    			xmlHttp = new ActiveXObject("Microsoft.XMLHttpRequest");
    		}
    		//默认状态
    		//alert("ready状态："+xmlHttp.readyState+";"+"status状态："+xmlHttp.status);  0    0 
    		//请求状态，请求分为四种状态
    //onreadystatechange  是存储函数，党readyState的状态改变就会调用这个onreadystatechange函数
    		xmlHttp.onreadystatechange=function(){
    			//请求进行状态
    //readyState有四种状态   0代表请求正在初始化   1与服务器建立请求成功    2代表服务器接受请求    3 代表服务器请求处理中      4 代表请求完成，响应已就绪
    		    if(xmlHttp.readyState==4 && xmlHttp.status==200){        //status   200 代表服务器响应内容状态OK   404代表服务器响应内容没找到
    				//alert("ready状态："+xmlHttp.readyState+";"+"status状态："+xmlHttp.status);
    				alert(xmlHttp.responseText);            //测试返回到的数据
                                   var dataObj = eval("("+xmlHttp.responseText+")");       //将服务器返回的Json对象转换为JS对象
    //例如服务器返回的内容是   {"name":"张三","age":12} 
    //那么用JS对象就可以这样使用
                               String name = dataObj.name; var age = dataObj.age;
    			}
    		}
    		//get方式提交
    		//xmlHttp.open("get","getAjax?name=mawanlin&age=12",true);
    		//xmlHttp.send();
    		//pose方式提交
    		xmlHttp.open("post","getAjax",true);
    		xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");    //表示按照表格post的方式提交
    		xmlHttp.send("name=jack&age=11");
    	}
    </script>

发表评论取消回复

表情：

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

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

相关阅读

相关【js】ajax的简单使用

1ajax AJAX 是 Asynchronous JavaScript and XML的缩写，即异步的 JavaScript 和 XML。它是jQuery里的方法作

朴灿烈づ我的快乐病毒、/ 2022年11月27日 07:22/ 0 赞/ 110 阅读

相关 js原生ajax的使用

当我们需要更新某一页面中的某一部分数据，如果我们刷新整个页面，就会使得用户得不到良好的体验，这是我们可以使用ajax技术。 ajax Asynchronous Java

布满荆棘的人生/ 2022年10月05日 05:51/ 0 赞/ 148 阅读

相关 prototype.js ，ajax部分使用例子

1、AJAX查询下载: demo.js function searchSales() \{ var empID = $F('lstEmployees'); //

淩亂°似流年/ 2022年09月17日 15:20/ 0 赞/ 110 阅读

相关 node.js 接收ajax,基本的Ajax使用node.js发送/接收

您的请求应该发送到服务器，而不是实例化它的server.js文件。因此，该请求应类似于以下内容：xmlhttp.open("GET","http://localhost:800

灰太狼/ 2022年09月03日 07:25/ 0 赞/ 157 阅读

相关 JS-ajax

1. 通过异步模式，提升了用户体验 2. 优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占用 3. Aja

痛定思痛。/ 2022年07月15日 09:49/ 0 赞/ 123 阅读

相关 Ajax、json，原生JS和JQ使用Ajax

概念 Ajax：异步的JavaScript和XML ，用于在Web页面中实现异步数据交互。原理在用户和服务器之间加了一个中间层(AJAX引擎)，使用户操作与服

太过爱你忘了你带给我的痛/ 2022年07月13日 00:29/ 0 赞/ 156 阅读

相关 js ajax

<!DOCTYPE html> <html> <head> <title></title> </head> <body>

左手的ㄟ右手/ 2022年05月31日 05:16/ 0 赞/ 119 阅读

相关 JS使用Ajax

<script type="text/javascript"> //加载函数 function loadName(){ va

ゝ一纸荒年。/ 2022年05月26日 05:21/ 0 赞/ 115 阅读

相关简述Ajax，以及使用原生js书写Ajax案例

> Ajax，这里的第一个字母A值的是asynchronous，意思是异步的，j值的就是JavaScript，第二个a是and，x值的是xml > 合在一起就是异步的ja

╰+攻爆jí腚メ/ 2021年11月23日 04:26/ 0 赞/ 253 阅读

相关 Ajax同步异步请求-Js函数使用ajax请求

1. 这个ajax请求则为同步请求，在JS函数中在没有返回值之前，是不会返回ajax请求回调后要为返回值设置的值，而且是直接返回js函数返回值的初始值。 2. 如果asyn

青旅半醒/ 2021年11月23日 00:16/ 0 赞/ 408 阅读