zoukankan      html  css  js  c++  java
  • Ajax提交from表单

    一,使用Ajax提交form表单到后台传参问题

    1,首先,定义一个form:

    <form class="form-horizontal" role="form" id="form_parameters">
                    <div class="form-group">
                        <label  class="col-sm-2 control-label">AA:</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" name="AA" id="AA">
                            <font color=red>*</font>
                        </div>
                    </div>
                    <div class="form-group">
                        <label  class="col-sm-2 control-label">BB:</label>
                        <div class="col-sm-10" >
                            <input type="text" class="form-control" name="BB" id="BB">
                            <font color=red>*</font>
                        </div>
                    </div>
    </form>
    View Code

    2,提交表单,拼装Json数据

     var result = $('#form_parameters').serializeArray();  //获取表单内容赋值给result,表单里的值是以"name","name值"; "value","value值"的Map数组存在   
                       
     var resultJSON = {};                                 //定义json对象
      for (var i = 0;i<result.length;i++){
           resultJSON[result[i].name] = result[i].value; //通过循环,组装json,格式为{"name值1":"value值1","name值2":"value值2",...}
         }                
    View Code

    3,Ajax向后台传值:

    $.ajax({
                    type: "POST",                  //提交方式
                    dataType: "json",              //预期服务器返回的数据类型
                    url: "/static/action" ,          //目标url
                    data: resultJSON, //提交的数据
                    success: function (result) {
                    if(result.code == 0){
                        alert(result.msg);
                        return;
                    }
                    if(result.available ==1){
                        alert(result.msg);
                    }
    
                 error : function() {
                        alert("异常!");
                    }
    View Code

    ok,后台controller直接通过request取值即可。

  • 相关阅读:
    My集合框架第一弹 LinkedList篇
    IP报文解析及基于IP 数据包的洪水攻击
    Oracle12c_安装2——安装篇
    Oracle12c_安装1——准备工作
    C# 控制台程序设置字体颜色
    ADALINE模型
    感知器神经网络
    神经网络学习
    深拷贝和浅拷贝
    Ubuntu免安装配置MySQL
  • 原文地址:https://www.cnblogs.com/lovefaner/p/9848502.html
Copyright © 2011-2022 走看看