jquery ajax提交 jquery post提交表单更新页面

2024-06-02 08:19:39

jquery配合.net提交表单，在工作中可能会用到。

比如在表单一中输入id，在表单二中直接显示出来名字。

下面我们就来看看它的工作流程。

前台内容

第一，首先要引用jquery不用多说。

第二，写好表单

表单一 id:<asp:TextBox ID="txtid" runat="server" Width="20"></asp:TextBox>
表单二 :<asp:TextBox ID="txtbzproname" runat="server" ></asp:TextBox>

第三，写好js

<script type="text/javascript">

$(function () {

$('#<%=txtid.ClientID %>').bind('blur', function () {

var infos = document.getElementById("<%=txtid.ClientID %>").value;

$.post("getipchaxun.ashx",//提交到哪个地址

{//提交值

csid: infos, //提交变量是csid在服务端也是这么接收的，可提交多组。infos是提交的值，也就是csid的值是infos。

},

function (data, status) {

//返回值，在这里是接收返回值的，根据返回的值，执行进一步的行动。返回的内容就是服务端打印的东西，在这里作data变量接收，是否成功的这个状态用status接收。

//alert("数据：" + data + "\n状态：" + status);

if (status == "success") {//判断是否成功。

// $('#<%=txtbzproname.ClientID %>').val(data);// 做自己的事

}

})

});

})

</script>

后台处理代码，接收处理getipchaxun.ashx

//提交后处理

//输入id自动展示名

string csid = HttpContext.Current.Request.Form["csid"];//接收post来的值，所以要用.From方式

if (csid != null & csid != "")

{

//在这里作自己的处理，接收到了id然后去查询自己的东西就行了，

// string proname= sqlhr.ExecuteDataTable(CommandType.Text, "select * from cs where id=" + csid + "").Rows[0]["proname"].ToString();

HttpContext.Current.Response.Write(proname );//在这里打印结果，也就是前台js接收的结果，不打印也行。就看前台需要不需要了。

HttpContext.Current.Response.End();//来个结束，

}

jquery ajax提交 jquery post提交表单更新页面相关推荐

jquery+ajax验证不通过也提交表单问题处理
这篇文章主要介绍了jquery validationEngine中使用ajax验证不通过也提交表单问题处理,需要的朋友可以参考下 validationEngine给我们为前端的表单验证减少了很大的工作 ...
jQuery ajax 请求和 Submit 提交 form 表单
前台: <title>modify approver Password</title> <script type="text/javascript"& ...
php表单提交serialize,jQuery使用serialize(),serializeArray()方法取得表单数据
原始form表单值获取方式(手动):$.ajax({ type: "POST", url: "ajax.php", data: {'name':'摘取天上星', ...
jQuery serialize()、serializeArray()方法实现表单序列化
serialize() serialize()方法作用于一个JQuery对象,它能够将DOM元素内容序列化为字符串. 与JQuery中其他方法一样,serialize()方法也是作用于一个JQuery ...
表单提交连续点击html,通过提交“点击”触发器提交两次HTML表单
对于发布类似于SO近100个问题的问题,我很抱歉.我读了很多,尝试了几个解决方案,但无法解决我的问题,或者完全将答案与我的问题联系起来.通过提交"点击"触发器提交两次HTML表单 ...
form表单用butten提交后无反应表单提交三种方式
form表单用butten提交后无反应&表单提交三种方式一,表单提交无反应有时候,我们发现表单提交的butten按钮,根本就没niao用.鼠标都点烂了,也提交不上去.找了半天什么错误也没找 ...
java怎么防止表单重复提交_如何防止表单重复提交
在平时开发中,如果网速比较慢的情况下,用户提交表单后,发现服务器半天都没有响应,那么用户可能会以为是自己没有提交表单,就会再点击提交按钮重复提交表单,我们在开发中必须防止表单重复提交. 一.表单重复提 ...
小程序提交表单mysql_GitHub - kun19911227/minipro: 微信小程序提交带图片的表单
minipro 微信小程序提交带图片的表单目录说明 upload_images ├── pages │ ├── upload_info 提交表单 │ └── display_info 信息展示 ├─ ...
jQuery带背景切换登录注册表单
jQuery带背景切换登录注册表单原始HTML+CSS+JS页面设计,这是一个不错的登录网页制作,画面精明,非常适合初学者学习使用. 作品介绍 1.网页作品简介方面 :jQuery带背景切换登录注册 ...

最新文章

热门文章