基于JQuery实现异步刷新的代码(转载)


Posted in Javascript onMarch 29, 2011

今天很简单介绍这一封装的调用
示例如下:
调用页面: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"); 
} 
} 
} 
}

注:由于代码过于简单,不做详细说明,有不明白的地方,请自行参考相关资料.
Javascript 相关文章推荐
关于Blog顶部的滚动导航条代码
Sep 25 Javascript
js鼠标左右键 键盘值小结
Jun 11 Javascript
使用js 设置url参数
Jul 08 Javascript
js获取时间精确到秒(年月日)
Mar 16 Javascript
Javascript将双字节字符转换成单字节字符并计算长度
Jun 22 Javascript
Web技术实现移动监测的介绍
Sep 18 Javascript
在小程序中集成redux/immutable/thunk第三方库的方法
Aug 12 Javascript
微信小程序内拖动图片实现移动、放大、旋转的方法
Sep 04 Javascript
Vue 动态路由的实现及 Springsecurity 按钮级别的权限控制
Sep 05 Javascript
Vue 一键清空表单的实现方法
Feb 07 Javascript
element-ui点击查看大图的方法示例
Dec 14 Javascript
vue中实现点击空白区域关闭弹窗的两种方法
Dec 30 Vue.js
使用隐藏的new来创建对象
Mar 29 #Javascript
myeclipse安装jQuery插件的方法
Mar 29 #Javascript
分享27款非常棒的jQuery 表单插件
Mar 28 #Javascript
基于jQuery的动态表格插件
Mar 28 #Javascript
模拟jQuery ajax服务器端与客户端通信的代码
Mar 28 #Javascript
原来Jquery.load的方法可以一直load下去
Mar 28 #Javascript
基于jquery的内容循环滚动小模块(仿新浪微博未登录首页滚动微博显示)
Mar 28 #Javascript
You might like
PHP 在线翻译函数代码
2009/05/07 PHP
PHP 判断变量类型实现代码
2009/10/23 PHP
PHP 第二节 数据类型之数组
2012/04/28 PHP
基于header的一些常用指令详解
2013/06/06 PHP
使用Linux五年积累的一些经验技巧
2013/06/20 PHP
php操作xml入门之xml基本介绍及xml标签元素
2015/01/23 PHP
如何在HTML 中嵌入 PHP 代码
2015/05/13 PHP
PHP获取文件夹大小函数用法实例
2015/07/01 PHP
thinkPHP内置字符串截取函数用法详解
2016/11/15 PHP
extjs fckeditor集成代码
2009/05/10 Javascript
优化Jquery,提升网页加载速度
2013/11/14 Javascript
Jquery中国地图热点效果-鼠标经过弹出提示层信息的简单实例
2014/02/12 Javascript
Javascript验证上传图片大小[前台处理]
2014/07/18 Javascript
node.js插件nodeclipse安装图文教程
2020/10/19 Javascript
js判断数组key是否存在(不用循环)的简单实例
2016/08/03 Javascript
web打印小结
2017/01/11 Javascript
JS正则表达式验证中文字符
2017/05/08 Javascript
Vue学习笔记进阶篇之函数化组件解析
2017/07/21 Javascript
react中fetch之cors跨域请求的实现方法
2018/03/14 Javascript
微信小程序wx.request的简单封装
2019/11/13 Javascript
vue 封装 Adminlte3组件的实现
2020/03/18 Javascript
Vue 防止短时间内连续点击后多次触发请求的操作
2020/11/11 Javascript
element el-table表格的二次封装实现(附表格高度自适应)
2021/01/19 Javascript
[00:32]2018DOTA2亚洲邀请赛Newbee出场
2018/04/03 DOTA
[01:06] DOTA2英雄背景故事第三期之秩序法则光之守卫
2020/07/07 DOTA
python判断端口是否打开的实现代码
2013/02/10 Python
Python使用Pycrypto库进行RSA加密的方法详解
2016/06/06 Python
Python操作Redis之设置key的过期时间实例代码
2018/01/25 Python
pycharm执行python时,填写参数的方法
2018/10/29 Python
Python关于excel和shp的使用在matplotlib
2019/01/03 Python
Numpy中ndim、shape、dtype、astype的用法详解
2020/06/14 Python
美国求婚钻戒网站:Super Jeweler
2016/08/27 全球购物
英国最大的电脑零售连锁店集团:PC World
2016/10/10 全球购物
澳大利亚婴儿、幼儿和儿童在线设计师商店:Smooch Baby
2019/02/16 全球购物
服务之星获奖感言
2014/01/21 职场文书
2016大学生形势与政策心得体会
2016/01/12 职场文书