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);