gpt4 book ai didi

javascript前端和后台进行数据交互方法示例

转载 作者:qq735679552 更新时间:2022-09-29 22:32:09 27 4
gpt4 key购买 nike

CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章javascript前端和后台进行数据交互方法示例由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.

在开发中遇到了在没有jQuery的情况下需要与后台进行部分数据的交互,查找了部分资料使用JavaScript实现了操作,记录一下.

?
1
//获取XMLHttpRequest对象用于与后台交互数据
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
function getXHR(){
       var xmlHttp;
       try {
         xmlHttp= new XMLHttpRequest(); //新版本浏览器
       } catch (e)
       {
         try {
           xmlHttp= new ActiveXObject( "Msxml2.XMLHTTP" );
         }
         catch (e)
         {
           try {
             xmlHttp= new ActiveXObject( "Microsoft.XMLHTTP" ); //老版本浏览器          }
           catch (e)
           {
             alert( "你的浏览器不支持ajax" );
             return false ;
           }
         }
       }
       return xmlHttp;
     }
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
function check() {
       var pass = document.getElementById( "pass" ).value;
 
       //1/得到xhr对象
       var xhr=getXHR();
       //2.注册状态变化监听器
       xhr.onreadystatechange= function (){
         if (xhr.readyState==4) {
           if (xhr.status==200) {
             var obj = document.getElementById( "checkPass" );
             if ( "true" == xhr.responseText){
               obj.innerHTML = "验证通过" ;
               obj.style.color = "green" ;
             } else {
               obj.innerHTML = "原密码输入错误!" ;
               obj.style.color = "brown" ;
               return ;
             }
           }
         }
       }
       //3.建立与服务器的连接(post请求方式,也可以使用get请求方式)
       xhr.open( "post" , "请求数据的地址" );
       xhr.setRequestHeader( 'Content-type' , 'application/x-www-form-urlencoded' );
       //4.向服务器发出请求(使用post请求方式将数据发往后台)
       xhr.send( "pass=" +pass);
     }

到此这篇关于javascript前端和后台进行数据交互方法的文章就介绍到这了,更多相关javascript前端和后台数据交互内容请搜索我以前的文章或继续浏览下面的相关文章希望大家以后多多支持我! 。

原文链接:https://blog.csdn.net/qq_35834722/article/details/79865946 。

最后此篇关于javascript前端和后台进行数据交互方法示例的文章就讲到这里了,如果你想了解更多关于javascript前端和后台进行数据交互方法示例的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com