关闭

JQuery教程高级篇

标签: jquery
147人阅读 评论(0) 收藏 举报
分类:

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中插件扩展

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:112771次
    • 积分:1443
    • 等级:
    • 排名:千里之外
    • 原创:54篇
    • 转载:8篇
    • 译文:0篇
    • 评论:8条
    最新评论