最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

原生javascript实现AJAX的代码示例

来源:动视网 责编:小采 时间:2020-11-27 19:29:22
文档

原生javascript实现AJAX的代码示例

原生javascript实现AJAX的代码示例:本篇文章给大家带来的内容是关于原生javascript实现AJAX的代码示例,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 原生JS使用AJAX使用代码,代码如下var xhr1 = new XMLHttpRequest; xhr1.open("POST&q
推荐度:
导读原生javascript实现AJAX的代码示例:本篇文章给大家带来的内容是关于原生javascript实现AJAX的代码示例,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 原生JS使用AJAX使用代码,代码如下var xhr1 = new XMLHttpRequest; xhr1.open("POST&q


本篇文章给大家带来的内容是关于原生javascript实现AJAX的代码示例,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

原生JS使用AJAX使用代码,代码如下

var xhr1 = new XMLHttpRequest;
 xhr1.open("POST", 'http://47.92.121.171:17788', true);
 xhr1.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
 xhr1.onreadystatechange = function () {
 if (xhr1.readyState == 4 && xhr1.status == 200) {
 console.log("打印用户信息1" + xhr1.responseText);
 }
 }

 xhr1.send("code=p_001&name=aaaaaa&pas=123456&belong=aabbccdd");

如果需要ajax运行方法完成后调用结果的话 需要使用回调函数 或者 promise

回调函数

 private loadXMLDoc(url, sendcode, cfunc) {
 this.xmlhttp = new XMLHttpRequest;
 this.xmlhttp.open("POST", url, true);
 this.xmlhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
 this.xmlhttp.onreadystatechange = cfunc;
 this.xmlhttp.send(sendcode);
 }
 private myFunction() {
 this.loadXMLDoc("http://47.92.121.171:17788", "code=p_001&name=aaaaaa&pas=123456&belong=aabbccdd",()=>{
 if (this.xmlhttp.readyState == 4 && this.xmlhttp.status == 200) {
 console.log("3")
 console.log("打印用户信息1" + this.xmlhttp.responseText) 
 }
 });
 }

使用promise

this.getGameServer().then(function (res) {
 console.log("res" + res);
 }).catch(function (rej) {
 console.log("rej" + rej);
 });private getGameServer() {
 return new Promise(function (resolve, reject) {
 var xhr = new XMLHttpRequest;
 xhr.open("POST", 'http://47.92.121.171:9002/rout/get_game_servers', true);
 xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
 xhr.onreadystatechange = function () { 
 if (xhr.readyState == 4 && xhr.status == 200) {
 resolve(xhr.responseText);
 }
 }
 xhr.send("game=1&shang=common");
 });
 }

文档

原生javascript实现AJAX的代码示例

原生javascript实现AJAX的代码示例:本篇文章给大家带来的内容是关于原生javascript实现AJAX的代码示例,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 原生JS使用AJAX使用代码,代码如下var xhr1 = new XMLHttpRequest; xhr1.open("POST&q
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top