×

js中ajax

AJAX地址是在JS文件中还是通过HTML配置?JS如何实现Ajax的请求函数

admin admin 发表于2022-07-05 23:16:48 浏览100 评论0

抢沙发发表评论

AJAX地址是在JS文件中还是通过HTML配置


ajax地址是JavaScript文件中的,因为ajax就是JavaScript的一个对象,用来进行异步的数据传输和接收。

工具原料:编辑器、浏览器

1、使用jquery的ajax对象来实现一个简单的ajax的示例,代码如下:

《script》
$.ajax({
type:“get“,//设置ajax的传送方法
url:“test.php“,//设置ajax的地址
async:true
});
《/script》

2、以上代码中的url就是设置ajax地址的地方,这都是JavaScript代码和HTML没有关系。


JS如何实现Ajax的请求函数


《script type=“text/javascript“》  
    //请求函数  
    function f1(){  
        console.log(’start’);  
        //1.创建AJAX对象  
        var ajax = new XMLHttpRequest();  
          
        //4.给AJAX设置事件(这里最多感知4个状态)  
        ajax.onreadystatechange = function(){  
            //5.获取响应  
            //responseText      以字符串的形式接收服务器返回的信息  
            //console.log(ajax.readyState);  
            if(ajax.readyState == 4 && ajax.status == 200){  
                var msg = ajax.responseText;  
                console.log(msg);  
                //alert(msg);  
                var divtag = document.getElementById(’result’);  
                divtag.innerHTML = msg;  
            }  
        }  
          
        //2.创建http请求,并设置请求地址  
        var username = document.getElementsByTagName(’input’).value;  
        var email = document.getElementsByTagName(’input’).value;  
        username = encodeURIComponent(username);    //对输入的特殊符号(&,=等)进行编码  
        email = encodeURIComponent(email);  
        ajax.open(’get’,’response.php?username=’+username+’&email=’+email);  
          
        //3.发送请求(get--null    post--数据)  
        ajax.send(null);  
    }  
      
《/script》

-js中ajax

js中怎么把ajax查出的数据传递给变量


var a = new Object(); //创建一个对象
$.ajax({
type : ’GET’,
url : ’b.php’,
data : ’name=123&age=12’,
success : function(data){ //主要还是看data返回的是什么数据类型,我下面以返回JSON为例子,
var dataArray = jQuery.parseJSON(data); //接受一个JSON字符串,返回解析后的对象。
a = dataArray;
console.log(a);
}
});
-js中ajax