接上一篇web客户端

最新推荐文章于 2024-07-20 15:39:26 发布

deng1727

最新推荐文章于 2024-07-20 15:39:26 发布

阅读量192

点赞数

文章标签： xmlhttprequest json javascript

本文链接：https://blog.csdn.net/deng1727/article/details/51855276

版权

首先需创建XMLHttpRequest对象。

web客户端内主要用open（）方法编写请求，send（）方法发送请求。

用JSON语言中的JSON.parse()方法将接收到的json内容转化为js能够处理的。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<script type="text/javascript">
           window.onload =function(){
               var xhr = new XMLHttpRequest();
               xhr.onreadystatechange=function(){
                   if(xhr.readyState === 4 && xhr.status=== 200){
                           var provinces = JSON.parse(xhr.responseText) ;
                           var select = document.getElementById('province') ;
                           for (var i = 0; i < provinces.length; i++) {
                               var option = document.createElement('option');
                               select.appendChild(option);
                               option.value = provinces[i].pid ;
                               option.innerHTML = provinces[i].prov;
                           };
                       }

                   }

                   xhr.open("get","web",true);
                   xhr.send(null);

}

       </script>
<body>
   <select id="province">
   </select>
</body>
</html>

其中open中分为两种方式，同步和异步(一般以异步为主）；

异步处理的话需要添加

xhr.onreadyStateChange = function(){
if(xhr.readystate == 4 && xhr.status== 200){

}} 注意在编写ajax的时候注意大小写

deng1727

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
接上一篇web客户端

首先需创建XMLHttpRequest对象。web客户端内主要用open（）方法编写请求，send（）方法发送请求。用JSON语言中的JSON.parse()方法将接收到的json内容转化为js能够处理的。 Insert title here window
复制链接

扫一扫