基于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 相关文章推荐
在b/s开发中经常用到的javaScript技术
Aug 23 Javascript
javascript将数组插入到另一个数组中的代码
Jan 10 Javascript
JSON中双引号的轮回使用过程中一定要小心
Mar 05 Javascript
关于javaScript注册click事件传递参数的不成功问题
Jul 18 Javascript
Javascript将字符串日期格式化为yyyy-mm-dd的方法
Oct 27 Javascript
JS实战篇之收缩菜单表单布局
Dec 10 Javascript
原生js实现对Ajax的封装(仿jquery)
Jan 22 Javascript
Bootstrap输入框组件使用详解
Jun 09 Javascript
JavaScript数组排序reverse()和sort()方法详解
Dec 24 Javascript
详解关于vue2.0工程发布上线操作步骤
Sep 27 Javascript
vue: WebStorm设置快速编译运行的方法
Oct 18 Javascript
javascript this指向相关问题及改变方法
Nov 19 Javascript
使用隐藏的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实现使用DOM将XML数据存入数组的方法示例
2017/09/27 PHP
php解析非标准json、非规范json的方式实例
2020/12/10 PHP
Node.js开发之访问Redis数据库教程
2015/01/14 Javascript
javascript实现炫酷的拖动分页
2015/05/11 Javascript
[原创]JavaScript语法高亮插件highlight.js用法详解【附highlight.js本站下载】
2016/11/01 Javascript
浅析上传头像示例及其注意事项
2016/12/14 Javascript
bootstrap组件之按钮式下拉菜单小结
2017/01/19 Javascript
Vue.use源码分析
2017/04/22 Javascript
Angular 2 ngForm中的ngModel、[ngModel]和[(ngModel)]的写法
2017/06/29 Javascript
Webpack的dll功能使用
2018/06/28 Javascript
vue的keep-alive用法技巧
2019/08/15 Javascript
vue监听用户输入和点击功能
2019/09/27 Javascript
vue实现瀑布流组件滑动加载更多
2020/03/10 Javascript
vue组件暴露和.js文件暴露接口操作
2020/08/11 Javascript
javascript实现电商放大镜效果
2020/11/23 Javascript
在Python中利用Pandas库处理大数据的简单介绍
2015/04/07 Python
python实现可将字符转换成大写的tcp服务器实例
2015/04/29 Python
给Python中的MySQLdb模块添加超时功能的教程
2015/05/05 Python
pymysql 开启调试模式的实现
2019/09/24 Python
tensorboard实现同时显示训练曲线和测试曲线
2020/01/21 Python
Python configparser模块常用方法解析
2020/05/22 Python
关于python3.9安装wordcloud出错的问题及解决办法
2020/11/02 Python
英国名牌服装购物网站:OD’s Designer
2019/09/02 全球购物
机械工程师求职自我评价
2013/09/23 职场文书
通信专业个人自我鉴定
2013/10/21 职场文书
银行财务部实习生的自我鉴定
2013/11/27 职场文书
军训自我鉴定200字
2014/02/13 职场文书
幼儿园教学随笔感言
2014/02/23 职场文书
煤矿安全演讲稿
2014/05/09 职场文书
关于旅游的活动方案
2014/08/15 职场文书
2014年除四害工作总结
2014/12/06 职场文书
2015年农村党员公开承诺事项
2015/04/28 职场文书
2015年学校教研室主任工作总结
2015/07/20 职场文书
《打电话》教学反思
2016/02/22 职场文书
RestTemplate如何通过HTTP Basic Auth认证示例说明
2022/03/17 Java/Android
Matplotlib绘制条形图的方法你知道吗
2022/03/21 Python