Jquery_基础(三) ajax与json

什么是ajax?

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。

AJAX 不是新的编程语言，而是一种使用现有标准的新方法。

AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。

什么是json?

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它使得人们很容易的进行阅读和编写。同时也方便了机器进行解析和生成。它是基于 JavaScript Programming Language ,Standard ECMA-262 3rd Edition - December 1999 的一个子集。 JSON采用完全独立于程序语言的文本格式，但是也使用了类C语言的习惯（包括C, C++, C#, Java, JavaScript, Perl, Python等）。这些特性使JSON成为理想的数据交换语言。

实例

body部分

<body>
<!-- action="b.jsp"不存在提交form了,submit框已没有存在的意义 异步操作，当前页面不跳转-->
<form>
<input id="userName" name="userName" value="xiaoming">
<!-- ajax方式submit框已没有存在的意义
<input type="submit">-->
<img id="img" src="img/点赞.png">
</form> 
</body>

script部分

<script type="text/javascript">
    $(function(){
        $("#img").click(function(){
            var usrName = $("#userName").val();
            var myfunction=function(result){
                alert(result);
            };
//             var errorFunction=function(){
//                 alert("发生错误");                
//             };
            var errorFunction=function(XMLHttpRequest,textStatus){
//                 alert("发生错误");
                if(XMLHttpRequest.status==404){
                   alert("找不到服务器[404]");
                }
                else if(XMLHttpRequest.status==500){
                   alert("服务器繁忙,请稍后重试[500]");    
                }
                else{
                   alert('服务器错误['+XMLHttpRequest.status+']');
                }
            }

            
            $.ajax({
                url : 'B', //目标为Servlet B     
                type : 'GET', // B的 doget方法
                data : {
                    userName : usrName
                },//提交给Servlet的数据.jeson格式      []
                dataType : 'text',//返回类型文本        
                success : myfunction,//成功后的回调函数，result为服务器返回的内容    
                error: errorFunction,
                timeout:3000  //超时的标准
            });
        });
    });
</script>

发送data主要方式

1.json

data : {
          userName : usrName
        },//提交给Servlet的数据.jeson格式

2.url拼接

'B?userName='+$("#userName").val(),

3.表单的序列化serialize(推荐)

var ff = $("#frm1").serialize();

data : ff,