基于JQuery实现异步刷新的代码(转载)
更新时间：2011年03月29日 00:19:05 作者：
JQuery，是轻量级的js库,把繁琐的js代码封装，使调用更简单，完成更多功能。同样，封装了js利用XMLHttpRequest实现的异步刷新.
今天很简单介绍这一封装的调用
示例如下:
调用页面:JqueryTest.aspx(注:后台无代码)
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JqueryTest.aspx.cs" Inherits="XmlHttpRequestTest.JqueryTest" %>
<!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 runat="server">
<title></title>
<script src="JS/jquery-1.4.2.js" type="text/javascript"></script>
<script language="javascript">
function test() {
$.ajax({
type: "POST",
url: "JqueryService.aspx",
data: "userName=123&password=456" ,
success: function(data) {
if (data == "true") {
alert("登陆成功！");
}
else {
alert("登陆失败");
}
}
});
}
function btntestajax_onclick() {
test();
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="btntestajax" type="button" value="测试异步刷新" onclick="return btntestajax_onclick()" /></div>
</form>
</body>
</html>
被调用界面:JqueryService
前台:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JqueryService.aspx.cs" Inherits="XmlHttpRequestTest.JqueryService" %>
后台:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace XmlHttpRequestTest
{
public partial class JqueryService : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
String userName=Request.Form["userName"].ToString();
String password=Request.Form["password"].ToString();
if (userName.Equals("123") && password.Equals("456"))
{
Response.Write("true");
}
else
{
Response.Write("false");
}
}
}
}
注:由于代码过于简单，不做详细说明,有不明白的地方，请自行参考相关资料.
示例如下:
调用页面:JqueryTest.aspx(注:后台无代码)
复制代码 代码如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JqueryTest.aspx.cs" Inherits="XmlHttpRequestTest.JqueryTest" %>
<!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 runat="server">
<title></title>
<script src="JS/jquery-1.4.2.js" type="text/javascript"></script>
<script language="javascript">
function test() {
$.ajax({
type: "POST",
url: "JqueryService.aspx",
data: "userName=123&password=456" ,
success: function(data) {
if (data == "true") {
alert("登陆成功！");
}
else {
alert("登陆失败");
}
}
});
}
function btntestajax_onclick() {
test();
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="btntestajax" type="button" value="测试异步刷新" onclick="return btntestajax_onclick()" /></div>
</form>
</body>
</html>
被调用界面:JqueryService
前台:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JqueryService.aspx.cs" Inherits="XmlHttpRequestTest.JqueryService" %>
后台:
复制代码 代码如下:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace XmlHttpRequestTest
{
public partial class JqueryService : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
String userName=Request.Form["userName"].ToString();
String password=Request.Form["password"].ToString();
if (userName.Equals("123") && password.Equals("456"))
{
Response.Write("true");
}
else
{
Response.Write("false");
}
}
}
}
注:由于代码过于简单，不做详细说明,有不明白的地方，请自行参考相关资料.
相关文章
鼠标拖动图片的效果想必大家都有见到过吧，其实实现起来很简单的，下面使用query来实现下，感兴趣的朋友不要错过2014-01-01
这篇文章主要为大家详细介绍了jquery实现图片轮播器的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
通过添加 CSS 类改变元素的外观和感觉，非常干净的方法，而不是添加内联样式。2011-08-08
我们通常在执行一次ajax请求过后，需要更新界面上的某些内容，一般通过动态插入dom元素。2010-10-10
addEventListener—jQuery的事件监听方法
在Javascript中，事件监听是非常重要的，通过事件监听，我们可以在用户执行某些操作时触发相应的处理程序。最初，Javascript监听事件的方式是addEvent。addEvent()比较麻烦，所以jQuery为我们提供了一个更为便捷的事件监听方法：addEventListener。2023-06-06
这篇文章主要介绍了jquery使用正则表达式验证email地址的方法,以实例形式分析了正则表达式的使用技巧,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了jQuery实现的分子运动小球碰撞效果,涉及jQuery基于定时函数操作页面元素动态变换的技巧,需要的朋友可以参考下2016-01-01
一般的表单校验都是直接注册在页面上的匿名函数，导致只能通过固定的提交方式触发表单校验，如果想自定义一个按钮触发表单校验如何实现呢，下面通过本文给大家详细介绍2016-12-12
这篇文章主要为大家详细介绍了jquery实现页面常用的返回顶部效果代码，感兴趣的小伙伴们可以参考一下2016-03-03
这篇文章主要介绍了jQuery中each和js中forEach的区别,结合实例形式较为详细的分析了jQuery中each和js中forEach针对数组与对象遍历的相关操作技巧与注意事项,需要的朋友可以参考下2019-02-02
最新评论