ITPub博客

首页 > IT职业 > IT生活 > Ajax 学习手记 Jquery实现

Ajax 学习手记 Jquery实现

IT生活 作者:dav2100 时间:2021-09-09 08:57:39 0 删除 编辑

一、 JSON格式

  1. JSON语法规则
    例子:
    {
    "staff":[
    {"name":"波波","age":25} // 所有都用双引号
    {"name":"慧慧","age":23}
    {"name":"可乐","age":3}
    ]
    }
  2. JSON的解析 JSON.parse()
    var jsondata = ‘{ "staff":[ {"name":"波波","age":25} {"name":"慧慧","age":23} {"name":"可乐","age":3}]’;
    var jsonobj = JSON.parse(jsondata) // 解析名为jsondata的字符串
    alert(jsonobj.staff[0].name); //弹出波波

二、 用Jquery实现Ajax请求

    $("#addinform").click(function(){
    $.ajax({
        type:"post",
        url:"serverjson.php",
        dataType:"json",
        data:{              //是一个对象,连同请求发送到服务器的数据
            name:$("#staffname").val(),
            number:$("#staffnumber").val(),
            sex:$("#select").val(),
            job:$("#stuffposition").val(),
        },
        success:function(data){
        if(data.success){
            $("#addresult").html(data.msg)
            }else{
            $("#addresult").html("出现错误:"+data.msg)
            }
        },
        error:function(jqXHR){
            alert("发生错误:"+jqXHR.status);
        }
    });
});

});

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/4479/viewspace-2798217/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-10-17

  • 博文量
    176
  • 访问量
    17570