asp.net jquery+ajax异步刷新实现示例

复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title></title>

<script charset="gb1232" src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>

<script type="text/javascript">

// function sys() {

// $.post("test1.ashx", {"Name":$("#text1").val()}, function (data) {

// $("#text2").val(data);

// });//第一种方案,要在text1添加onblur="sys()"事件响应

// }

$(document).ready(function () {

$("#text1").blur(function () {

$.post("test1.ashx", { "Name": $("#text1").val() }, function jy(data) {

$("#text2").val(data);

});

});

});//第二钟方案

</script>

</head>

<body>

<input type="text" id="text1" />

转换

<input type="text" id="text2" />

</body>

</html>

asph处理程序如下:

复制代码 代码如下:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

namespace 异步刷新

{

/// <summary>

/// test1 的摘要说明

/// </summary>

public class test1 : IHttpHandler

{

public void ProcessRequest(HttpContext context)

{

context.Response.ContentType = "text/plain";

string name = context.Request["Name"];

context.Response.Write(name);

}

public bool IsReusable

{

get

{

return false;

}

}

}

}

时间: 2025-01-19 18:42:55

asp.net jquery+ajax异步刷新实现示例的相关文章

asp.net jquery+ajax异步刷新实现示例_AJAX相关

复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title

ASP.NET jquery ajax传递参数的实例_javascript技巧

第一种:GET传递 前台 ajax   GET 传递 :即在请求的地址后面加上参数,URL地址长度有显示,安全性低 后台接收:Request.QueryString["参数名字"]! 例如: function LoadBar(id) { var project = id; var month = $("#txtMonth").val(); $.ajax({ type: "GET", async: false, url: 'GetProjectSc

asp.net jquery ajax返回值并输出

asp教程.net jquery ajax返回值并输出 本文章是讲一款关于jquery ajax返回值如何让asp.net教程接收并且输出实例代码. <script language="网页特效" src="js/jquery-1.3.2.min.js"></script>      <script type="text/javascript">          var url = "webform

asp.net Jquery+ajax请求data显示在GridView

这是一款简单的实用的jquery+ajax请求data显示在gridview的asp教程.net程序哦,下面我们来看看关于如何让ajax返回的值显示在asp.net教程 data显示在gridview上吧. aspx文件 protected void page_load(object sender, eventargs e) { if (request["id"] != null) { sqlconnection conn=null; sqlcommand cmd = null; sq

asp.net jQuery Ajax用户登录功能的实现_实用技巧

主页面调用代码片段: 复制代码 代码如下: <asp:HyperLink ID="lnkLogin" runat="server" NavigateUrl="#" >登录</asp:HyperLink> <script language="javascript" type="text/javascript"> $('#<%=this.lnkLogin.ClientI

原生Ajax 和jQuery Ajax的区别示例分析_jquery

前言:这次介绍的是利用ajax与后台进行数据交换的小例子,所以demo必须通过服务器来打开.服务器环境非常好搭建,从网上下载wamp或xampp,一步步安装就ok,然后再把写好的页面放在服务器中指定的位置.打开时,在浏览器地址栏输入"localhost/指定页面"或者"127.0.0.1/指定页面"打开. 下面列出demo的HTML.PHP.原生ajax .jq ajax代码. HTML代码: 复制代码 代码如下: <!doctype html> <

jquery ajax修改全局变量示例代码_jquery

今天工作的时候遇到一个问题 代码如下: 复制代码 代码如下: var status=1; var ob=$("[name='email']"); $.ajax({ url:"{:U('Home/Index/checkemail')}", data:"email="+query.email, type:"post", dataType:"json", success:function(re){ status=

asp.net+jquery ajax无刷新登录的实现方法_实用技巧

因为工作需要研究了一下 js的ajax,下面是成果.主要是三部分:一.js部分 友情提示注意js部分中的 $("#btn_login")中的return false:这个可以阻止回转服务器不然还是会刷新 复制代码 代码如下: $(document).ready(function () {    $("#btn_login").click(function () {        postlogin();        return false;    });});

ASP.NET中JQuery+AJAX调用后台_实用技巧

做订餐系统手机端时,遇到一个问题,实现登录功能时,我要调用后台的方法进行验证和判断.我们应用的是webForm进行开发的,正常情况下只要绑定按钮的方法,前后台对应就可以实现.但是,手机端应用MUI样式之后,就不适用于这种情况了.基于这个问题,我们使用JQuery+Ajax技术,其实MUI中也自带ajax技术.  实现过程: webForm代码:       function login() { var name = document.getElementById("username")