关闭

JQuery教程高级篇

标签: jquery
98人阅读 评论(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

猜你在找
【直播】机器学习&数据挖掘7周实训--韦玮
【套餐】系统集成项目管理工程师顺利通关--徐朋
【直播】3小时掌握Docker最佳实战-徐西宁
【套餐】机器学习系列套餐(算法+实战)--唐宇迪
【直播】计算机视觉原理及实战--屈教授
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之矩阵--黄博士
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之凸优化--马博士
【套餐】Javascript 设计模式实战--曾亮
查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:73033次
    • 积分:1174
    • 等级:
    • 排名:千里之外
    • 原创:53篇
    • 转载:8篇
    • 译文:0篇
    • 评论:5条
    最新评论