jQuery +ajax提交json数据

首先,很多网站开发都会采用jQuery ,简化了js的代码,是开发更方便,因此我也开始使用jQuery。。。。

如果不知道如何在js中使用jQuery请移步这里

在jQuery中封装有$.ajax方法可以直接来调用
如果对于Ajax方法不了解请可以查看这里有各个参数的介绍

如果要使用json需要下载json的jar包及其依赖包
很多网站上都有,可自行百度 提供一个网址

 //提交json数据
 $(document).ready(function () {
        $.ajax({
            type: "POST",
            url: "/LoginServlet",
            contentType: "application/json;charset=utf-8",
            data:{"name":"yd","pwd":"123456"},
            dataType: "json",
            success:function (message) {
                alert("提交成功"+JSON.stringify(message));
            },
            error:function (message) {
                alert("提交失败"+JSON.stringify(message));
            }
        });
     });

其中type为提交方式,这里采用post提交
url,表示的是你获取数据和发送数据的地址,这里用的是我自己写的一个servlet,你也可以换成jsp ,或者txt等格式,
dataType表示的数据格式,这里是计较的json格式
data表示数据的具体内容
success,表示服务端成功响应
error表示服务端响应不成功

在你处理数据的 页面,这里是我自己写 的servlet
其中的dopost方法中

        response.setCharacterEncoding("UTF-8");
        request.setCharacterEncoding("UTF-8");
        StringBuffer myJson = new StringBuffer();
        BufferedReader reader = request.getReader();
        String line = null;
        while ((line = reader.readLine()) != null) {
            myJson.append(line);
        }
        System.out.println(myJson.toString());

以上 能够获取到网页上发过来得数据

String a = "任意内容";
PrintWriter myout = response.getWriter();
myout .write(a);

能将a中的字符串数据返回

如果要返回的是json数据

  response.setContentType("application/json;charset=utf-8");//指定返回的格式为JSON格式
        JSONObject ob =new  JSONObject();//创建json对象
        ob.accumulate("name","小明");//添加元素
        ob.accumulate("age", 18);
        PrintWriter out =response.getWriter() ;
        out.print(ob);
        out.close();

在网页上解析json数据时 如果遇到数据为undefined 或者显示object Object
可利用JSON.stringify(message),将message的数据进转换

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页