JQuery教程高级篇

JQuery中GetJson

JQuery请求servlet得到响应json数据并进行解析

JS代码：

$(function(){    $("#dombutton").bind("click",function(){        $.get("GetServlet2",{},function(data){            var obj=eval("("+data+")");            var username = obj.username;            alert(username);//xiaoming        })    })})

Servlet代码

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {    PrintWriter out = response.getWriter();    StringBuffer sb=new StringBuffer();    sb.append("{'username':'xiaoming','password':'123'}");    out.println(sb.toString());}

Jquery请求json文件获取json数据

JS代码：

$(function(){    $("#dombutton").click(function(){        $.getJSON("data.json",function(data){            alert(data.username);        })    })})

data.json代码

{    "username": "xiaoming",    "password": "123"}

JQuery异步加载JS

JS代码：

$(function(){    $("#dombutton").click(function(){        $.getScript("test.js");    })})

test.js文件代码：

$("#domdiv").hide(3000)

JQuert异步提交请求

$(function(){    $("#dombutton").click(function(){        /* //方式2        var data = $("#form1").serialize();        alert(data) */        //方式3        var data = $("#form1").serializeArray();        alert(data)        console.info(data);        $.ajax({            url:"GetServlet2",            /*//方式1            data:{                username:$("#username").val(),                password:$("#password").val(),                email:$("#email").val()            }, */            data:data,            type:"POST",            success:function(data){            }        })    })})

JQuery中插件扩展