将页面上的数据提交给表单的方法

1、第一种是利用表单提交，这种在MVC方法中比较简单。提交表单后台按照model直接放入对象中，对象可能是直接的model，也可能是viewmodel。

前台

</td>
</tr>

<tr>
<td style="text-align:right">
产品名称：
</td>
<td>
<input type="text" name="ProductName" id="ProductName" class="easyui-validatebox" required="true" style="width: 200px;" maxlength=25 />  （限制：50个字节）
</td>
</tr>
<tr>
<td style="text-align:right">
产品图片：
</td>
<td>
<input type="text" name="Image" id="Image" class="easyui-validatebox" required="true" style="width: 200px;" />
</td>
</tr>
<tr>
<td style="text-align:right">
市场价格：
</td>
<td>
<input type="text" name="MarketPrice" id="MarketPrice" class="easyui-validatebox" required="true" onkeyup="value=value.replace(/[^\d]/g,'')" style="width: 200px;" />
 （单位：元）</td>
</tr>
<tr>
<td style="text-align:right">
本店价格：
</td>
<td>
<input name="NewPrice" id="NewPrice" class="easyui-validatebox" required="true" style="width: 200px;" onkeyup="value=value.replace(/[^\d]/g,'')" />
 （单位：元）</td>
</tr>

<tr>
<td style="text-align:right">
是否上架：
</td>
<td>

<select id="Enable" class="easyui-combobox" name="Enable" style="width:200px;" class="easyui-validatebox" required="true" editable="false" panelHeight= "auto">
<option value="1">上架</option> @*true在网页中格式化了1*@
<option value="0">下架</option>
</select>  （默认：上架）
</td>
</tr>

</table>
</form>
</div>
</div>

JS代码

function saveData() {
//alert(dlg_Edit_form.url);
dlg_Edit_form.form('submit', {
url: dlg_Edit_form.url,
onSubmit: function () {
return $(this).form('validate');
},
success: successCallback
});
}

2、第二种是通过ajax的方法把输入的值按参数的方法传递到服务器，有服务程序分解后存入数据库。

举例

前台

JS代码

function submit_ajax()
{
	if($("#GARD_ID").val() == "")
	{
		alert("请输入管理处编号!");
		$("#GARD_ID").focus();
		return;
	}

	if($("#BUILD_ID").val() == "")
	{
		alert("请输入楼宇编号!");
		$("#BUILD_ID").focus();
		return;
	}

	if($("#BUILD_NAME").val() == "")
	{
		alert("请输入楼宇名称!");
		$("#BUILD_NAME").focus();
		return;
	}
    
    if(confirm("确定保存数据吗?") == false) return;
    
    waitmsg();
    
    $.blockUI({ message: "<br><h1>正在提交,请稍候...</h1><br>" });
    
    var sPost = "";
    
    if(optbz == "1")
    {
        sPost += "&mode=add";
    }
    else
    {
        sPost += "&mode=xg";
        
        $('#win_xg').window('close');
    }
    
	sPost += "&GARD_ID=" + encodeURIComponent($("#GARD_ID").val());

	sPost += "&BUILD_ID=" + encodeURIComponent($("#BUILD_ID").val());

	sPost += "&BUILD_NAME=" + encodeURIComponent($("#BUILD_NAME").val());

	sPost += "&BUILD_ADDR=" + encodeURIComponent($("#BUILD_ADDR").val());

	sPost += "&BUILD_LB=" + encodeURIComponent($("#BUILD_LB").val());

	sPost += "&BUILD_STRUC=" + encodeURIComponent($("#BUILD_STRUC").val());

	sPost += "&BUILD_DIRECT=" + encodeURIComponent($("#BUILD_DIRECT").val());

	sPost += "&BUILD_NOTE=" + encodeURIComponent($("#BUILD_NOTE").val());
    
    var RandTime = new Date();
       
    $.ajax({      
        url:"ajax_pages/ajax_building.aspx?RandTime=" + RandTime.toString() + sPost,      
        type:"get", 
        dataType:'xml',      
        error:function(){
        
            clrmsg();
        },  
        complete:function(){
        
            $.unblockUI();
            
            clrmsg();
        
        },          
        success:function(xml){

            $(xml).find("result").each(function(){
                
                //-----------------------------------------------------------------------------------------------------
                
                 var respcode = $(this).find("respcode").text();
            
                 var respmsg = $(this).find("respmsg").text();
                 
                 if(respcode == "0")
                 {
                    alert("提交失败!" + respmsg);
                    
                    return;
                 }
                 else
                 {
                    if(optbz == "1")
                    {
                        $("#BUILD_ID").val("");
                        
                        $("#BUILD_NAME").val("");
                    }
                 
                    $("#grid").datagrid('reload');
                    
                    $('#grid').datagrid('clearSelections');
                 }
                 
                 //-----------------------------------------------------------------------------------------------------
            });
        }   
    });         
}

posted on 2016-06-16 10:29 fjc 阅读(275) 评论(0) 编辑收藏举报

会员力量，点亮园子希望

刷新页面返回顶部

fjc

将页面上的数据提交给表单的方法

导航

公告