JS-Ajax

Posted yanyiyaner

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS-Ajax相关的知识,希望对你有一定的参考价值。

技术分享图片
 1 function ajax(url, fnSucc, fnFaild)
 2 {
 3     //1.创建Ajax对象
 4     var oAjax=null;
 5     
 6     if(window.XMLHttpRequest)
 7     {
 8         oAjax=new XMLHttpRequest();
 9     }
10     else
11     {
12         oAjax=new ActiveXObject("Microsoft.XMLHTTP");
13     }
14     
15     //2.连接服务器
16     oAjax.open(‘GET‘, url, true);
17     
18     //3.发送请求
19     oAjax.send();
20     
21     //4.接收服务器的返回
22     oAjax.onreadystatechange=function ()
23     {
24         if(oAjax.readyState==4)    //完成
25         {
26             if(oAjax.status==200)    //成功
27             {
28                 fnSucc(oAjax.responseText);
29             }
30             else
31             {
32                 if(fnFaild)
33                     fnFaild(oAjax.status);
34             }
35         }
36     };
37 }
ajax.js
1 //Ajax读取文件
2 ajax(‘XXX.txt‘, function (xx){
3             alert(xx);
4         });

如果使用是数组或json格式

eval   获取列表项的索引位置,相对于它的兄弟元素

ajax(‘data.json‘, function (str){

//使用  evel 处理下
var arr=eval(str);
alert(arr[0].x);
});

 




以上是关于JS-Ajax的主要内容,如果未能解决你的问题,请参考以下文章

js-ajax实现获取xmlHttp对象

JS-Ajax相关知识

JS-AJAX and jQuery-AJAX

AngularJS 自定义服务指令

JS 对文本框指定焦点差入值

JS系列什么是AJAX