jquery序列化form表单使用ajax提交后处理返回的json数据【jquery】

web前端|js教程 jquery序列化form表单使用ajax提交后处理返回的json数据【jquery】

序列化,form表单,ajax,json数据

web前端-js教程

1、返回json字符串：

微信免签约源码,vscode多个文件夹,ubuntu安装设置,部署多台tomcat吗,树皮做爬虫,php 整理数组,海南seo推广外包公司,网站asp留言,div静态门户网页模板lzw


/** 将一个字符串输出到浏览器 */
    protected void writeJson(String json) {
        PrintWriter pw = null;
        try {
            servletResponse.setContentType("text/plain;charset=UTF-8");
            pw = servletResponse.getWriter();
            pw.write(json);
            pw.flush();
            pw.close();
        } catch (IOException e) {
            e.printStackTrace();
        } finally {
            if (pw != null) {
pw.close();
            }
        }
    }

2、通过eval将返回的json字符串转换成json对象：

微信插件源码,华硕无法识别ubuntu,tomcat绿色版+配置,爬虫脑皮质,php网络模型,荔湾区seo优化托管哪家专业lzw


$.ajax({
        data:{
            "shipmmsi":shipmmsi,
            "shipname":shipname
        },
        url : "shipbk/findShipMMSIAndName.do",
        async : true,
        type : "POST",
        success : function(data) {
            var ships = eval('(' + data + ')');
            $("#bindShipmmsiDiv table tbody").html("");
            if(ships!=null){
if(ships.length){
    $("#bindShipmmsiDiv").show();
    var trs="";
    for(var i=0;i<ships.length;i++){
        trs+=""+ships[i].mmsi+""+ships[i].vesselName+"";
    }
    $("#bindShipmmsiDiv table tbody").append(trs);
    //给tr注册点击事件
    $("#bindShipmmsiDiv table tbody tr").click(function(){
        $(this).addClass('select_tr').siblings().removeClass('select_tr');
    });
    $("#bindShipmmsiDiv table tbody tr").dblclick(function(){
        fillShipMMSIAndName(this);
        $("#bindShipmmsiDiv").hide();
    });
}
            }
        }
    });

3、通过jquery的 $(“form”).serialize() 可以将form表单的数据序列化后提交到后台，因此通过ajax可以操作form表单并处理返回的数据。

升级众筹源码,vscode完全匹配查找,omv上装ubuntu,tomcat中线程类型, 网络爬虫,php注释的使用,海南seo推广价格如何,景点路线网站源码,淘宝手机官网网站模板lzw


$.ajax({
　　url : 'deliveryWarrant/update.do',
　　data : $('#myform').serialize(),
　　type : "POST",
　　success : function(data) {
　　　　var res = eval('(' + data + ')');
　　　　if (res && res.success == true) {    
　　　　　　alert(res.message);
　　　　location.href="/godownWarrant/findToDeliveryWarrant.do?godownWarrant.code="+$("#myform input[name=godownWarrant\\.code]").val();
　　　　} else {
　　　　　　alert(res.message);
　　　　}
　　}
});

4、防止乱码的处理方法：

jsp页面：charset：utf-8
servlet:utf-8
filter:utf-8
在PrintWriter out = response.getWriter()之前加一句
response.setCharacterEncoding(“UTF-8”)就可以解决乱码的问题。
但是得记住一定要放在声明PrintWwrite之前。

总之，前台界面，java文件，数据库和数据库的连接都有采用统一编码，才不会出现乱码等情况

Form表单 JSON数据