基于js原生和ajax的get和post方法以及jsonp的原生写法实例 - 行业资讯

　　　　登录。onclick=function () { 　　var xhr=new XMLHttpRequest (); 　　xhr.open(“获得”、“http://localhost/ajax2/test2.php& # 63;用户名=" + username.value + "和pwd=" + pwd2.value, true); 　　xhr.send (); 　　xhr。onreadystatechange=function () { 　　如果(xhr。readyState==4) { 　　如果(xhr.status>=200,,xhr.status<300) { 　　警报(xhr.responseText); 　　}；　　}；　　} 　　} 　　　　

　　　　　　btn。onclick=function () { 　　ajax ( 　　“得到”, 　　“http://localhost/ajax2/my02.php”, 　　{xingming: xingming.value pwd: pwd.value}, 　　函数(数据){ 　　console.log(数据); 　　}, 　　函数(errCode) { 　　console.log (errCode); 　　} 　　) 　　　　

01安全型. post更安全。

02速度。得到的速度快

03数量级。文章的数量级更大一些。

<强>具体实现:
　　

　　　　　　var sc=document.createElement(“脚本”); 　　sc.type=" text/javascript”; 　　document.body.appendChild (sc); 　　sc.src=" http://localhost/ajax2/jsonp.php& # 63; cb=myCallBack”; 　　　　函数myCallBack(数据){ 　　console.log(数据); 　　} 　　之前　　　　

以上这篇基于js原生和ajax的get和post方法以及jsonp的原生写法实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。