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取值即可。

  • 相关阅读:
    QListView和QListWidget的区别
    Qt下QTableWidget的使用
    用c++封装linux系统调用
    读写锁的简单示例
    SQL 使用序列
    SQL 事务
    SQL ALTER TABLE 命令
    SQL 语句快速参考
    java中三种常见内存溢出错误的处理方法(good)
    Java 内存溢出(java.lang.OutOfMemoryError)的常见情况和处理方式总结
  • 原文地址:https://www.cnblogs.com/lovefaner/p/9848502.html
Copyright © 2011-2022 走看看