Ajax AND JSON

Asynchronous JavaScript and Xml异步的JavaScript和XML。

指的是:使用XMLHttpRequest对象异步地向服务器发请求。服务器返回部分数据。实现,页面无刷新的改变局部内容。

  <script type="text/javascript">
    //创建XMLHttpRequest
    function getXhr(){
      var xhr;
      if(window.XMLHttpRequest){//如果支持该类型
         xhr = new XMLHttpRequest();
      }else{//ie
         xhr = new ActiveXObject("Microsoft.XMLHTTP");
      }
      return xhr;
    };
    //发送HTTP请求
    function sendRequest(){
      var xhr = getXhr();//获取XMLHttpRequest对象
      xhr.open("GET","/ajax01/demo1.do?name=value&name=value");//创建一个HTTP请求
      //注册一个回调函数,请求处理时自动调用
      xhr.onreadystatechange = function(){
        if(xhr.readyState==4 xhr.status==200){//4表示请求处理完毕
          //获取服务器返回的信息
          var msg = xhr.responseText;
          //将消息放到id=msg的span显示
          document.getElementById("msg").innerHTML=msg;
        }
      };
      xhr.send(null);//发送HTTP请求
    };
  </script>
  <script type="text/javascript">
    //检查用户名是否可用
    function checkname(){
      //获取请求参数
      var name = 
         document.getElementById("username").value;
      //发送ajax请求
      var xhr = getXhr();//获取XMLHttpRequest对象
      xhr.open("POST","/ajax01/check.do");//创建请求
      xhr.setRequestHeader("content-type",
        "application/x-www-form-urlencoded");//给HTTP协议设置请求头参数
      xhr.send("name="+name&"password="+password);//发送请求
    }
  </script>

<pre class="code sh_javascript snippet-formatted sh_sourceCode"><li>$<span class="sh_symbol">.</span><span class="sh_function">ajax</span><span class="sh_symbol">(</span><span class="sh_cbracket">{</span></li><li>                    url<span class="sh_symbol">:</span><span class="sh_string">"test.do"</span><span class="sh_symbol">,</span></li><li>                    type<span class="sh_symbol">:</span><span class="sh_string">"post"</span><span class="sh_symbol">,</span>                    </li><li>                    dataType<span class="sh_symbol">:</span><span class="sh_string">"json"</span><span class="sh_symbol">,</span></li><li>                    data:{"name":"kk","pw":"123"},</li><li>                    success<span class="sh_symbol">:</span><span class="sh_keyword">function</span><span class="sh_symbol">(</span>data<span class="sh_symbol">)</span><span class="sh_cbracket">{</span></li><li>                        </li><li>                    <span class="sh_cbracket">}</span><span class="sh_symbol">,</span></li><li>                    error<span class="sh_symbol">:</span><span class="sh_keyword">function</span><span class="sh_symbol">()</span><span class="sh_cbracket">{</span></li><li>                        <span class="sh_comment">//服务器出错之后的处理逻辑。</span></li><li>                    <span class="sh_cbracket">}</span></li><li>                <span class="sh_cbracket">}</span><span class="sh_symbol">);</span></li>

 


GET请求出现乱码:

1、在tomcat下conf/server.xml文件中,修改<Connector URIEncoding="utf-8">,使得tomcat按utf-8方式解码。

2、使用endodeURI对请求地址进行编码。xhr.open('get',encodeURI(uri),true);


JSON轻量级的数据交换格式。

JSON对象转换为javaScript对象。

var str=‘{"name":"kk","pw":"123"}’;

1、var obj = eval("("+str+")");
2、var obj = JSON.parse(str);
3、var obj = str.parseJSON();
alert(obj.name);


1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 、4下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。、可私 6信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 、4下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。、可 6私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 、4下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。、可私 6信博主看论文后选择购买源代码。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值