首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > JAVA > Java Web开发 >

Jquery提交表单如何写

2012-12-17 
Jquery提交表单怎么写$( #dialog-form ).dialog({autoOpen: false,height: 480,width: 300,modal: true,

Jquery提交表单怎么写
$( "#dialog-form" ).dialog({
autoOpen: false,
height: 480,
width: 300,
modal: true,
buttons: {
"确定": function() {

},
"取消": function() {
$( this ).dialog( "close" );
}
},
close: function() {
$( this ).dialog( "close" );
}
效果:点击会话窗口的确定就能提交表单并接受返回值。
提交到action,提交地址不带参数,根据文本框的name属性去actioin里自己匹配。
求解决!
[最优解释]
楼主是想获取回话窗口的返回值? 写一点代码供楼主参考,代码是我从项目中拷出来了,可以正常使用。
var obj = new Object();
obj = window.showModalDialog("*.jsp",window,"dialogWidth=500px;dialogHeight=400px");
获取返回值方式:obj.valueOf();
在*.jsp页面代码:
function queding(){
var nextPerson = $("input[name='nextPerson'][checked]").val();
var processInstanceId = '${processInstanceId}';
var nextPerson00 = "";
var processInstanceId00 = "";
if(nextPerson == undefined){
alert("请选择审核人");
}else {
nextPerson00 = "['" + nextPerson + "']";
processInstanceId00 = "['" + processInstanceId + "']";
backValue = "[" + nextPerson00 + ", "+ processInstanceId00 + "]";
if(backValue != ""){
var jsonObj = eval("(" + backValue + ")");
 window.returnValue=jsonObj; //模态窗口返回值
 window.self.close();
}
}
}

[其他解释]
 $.ajax({
     type: "POST",
     url: "*.action",
     data: "name=John&passwork=Boston",//参数不要可省略
     success: function(msg){
       alert( "Data Saved: " + msg );//返回值
     }
   });
[其他解释]
<form id="myForm"></form>

$("#myForm").submit();
[其他解释]
给你个案例。我写的。
$('#useradd').dialog({           
      modal:true,          
      buttons:[{
 text:'确定',
 handler: function(node) { 
    $('#addUserFrom').form('submit', {                                                        
                url:'user!save.do',//后台的action
                success:function(data){
                data = jQuery.parseJSON(data);
                if(data.Success){
                $('#useradd').dialog('close');


                $('#userList').datagrid('reload');//刷新列表
                }else{
                alert(data.Message);
                $("#loginId").val("");//置空
                $("#pwd").val("");//置空
                }
            }                   
                  });
  }
},{ text:'关闭',
handler:function(){
$('#useradd').dialog('close');
$('#userList').datagrid('reload');
}}]                   
   }); 
<div id="useradd" iconCls="icon-add" style="padding: 5px; width: 600px; height: 400px;">
<form method="post" id="addUserFrom" >
  <table width="100%" border="0">
    <tr>
      <td align="right">用户名:</td>
      <td><input  id="loginId" name="loginId"/></td>
        </tr>
    <tr>
      <td align="right">用户密码:</td>
      <td><input id="upwd" name="upwd"/></td>      
      </table>
</form>
</div>
[其他解释]
js写法: 楼主试试
"确定": function() {
    formName.action = "*.action";
    forName.submit();
},
给表单命名 name="formName";
[其他解释]
楼上抢了我的分。。
<s:form id="mainForm" name="mainForm" action="project" namespace="/projectList" method="post" />


<script type="text/javascript">
   $('#mainForm').submit();
</script>
[其他解释]
那怎么获得返回值呢?
[其他解释]

引用:
js写法: 楼主试试
"确定": function() {
    formName.action = "*.action";
    forName.submit();
},
给表单命名 name="formName";


怎么获得返回值呢? 
[其他解释]
楼主的需求无非是ajax提交。直接用jquery.form.js插件。$("#form").ajaxSubmit(options);
options可选里面的配置可以参考这里
http://www.cnblogs.com/luluping/archive/2009/04/15/1436177.html
[其他解释]
用jquery的ajax吧。楼上两个说的都可以

热点排行