基于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 相关文章推荐
一个轻量级的javascript库 pj介绍
Dec 19 Javascript
基于jquery的滚动鼠标放大缩小图片效果
Oct 27 Javascript
javascript ajax 仿百度分页函数
Oct 29 Javascript
浅谈Javascript中深复制
Dec 01 Javascript
jquery实现简单实用的打分程序实例
Jul 23 Javascript
JavaScript的React框架中的JSX语法学习入门教程
Mar 05 Javascript
Angular中的$watch方法详解
Sep 18 Javascript
在Vue中使用Compass的方法
Mar 02 Javascript
小程序数据通信方法大全(推荐)
Apr 15 Javascript
微信小程序实现分享商品海报功能
Sep 30 Javascript
vue实现简单加法计算器
Oct 22 Javascript
js 实现Material UI点击涟漪效果示例
Sep 23 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
Array of country list in PHP with Zend Framework
2011/10/17 PHP
PHP header()函数使用详细(301、404等错误设置)
2013/04/17 PHP
php的POSIX 函数以及进程测试的深入分析
2013/06/03 PHP
解析php常用image图像函数集
2013/06/24 PHP
PHP如何实现Unicode和Utf-8编码相互转换
2015/07/29 PHP
javascript 播放器 控制
2007/01/22 Javascript
IE6,IE7下js动态加载图片不显示错误
2010/07/17 Javascript
遨游,飞飞,IE,空中网 浏览器无提示关闭方法
2011/07/11 Javascript
判断javascript的数据类型(示例代码)
2013/12/11 Javascript
页面图片浮动左右滑动效果的简单实现案例
2014/02/10 Javascript
AngularJS入门教程(零):引导程序
2014/12/06 Javascript
jQuery 重复加载错误以及修复方法
2014/12/16 Javascript
Bootstrap Table使用方法解析
2016/10/19 Javascript
AngularJS使用ng-app自动加载bootstrap框架问题分析
2017/01/04 Javascript
angular4 如何在全局设置路由跳转动画的方法
2017/08/30 Javascript
js实现数组和对象的深浅拷贝
2017/09/30 Javascript
js实现动态改变radio状态的方法
2018/02/28 Javascript
JavaScript实现预览本地上传图片功能完整示例
2019/03/08 Javascript
vue如何截取字符串
2019/05/06 Javascript
微信小程序判断页面是否从其他页面返回的实例代码
2019/07/03 Javascript
微信小程序商品详情页底部弹出框
2019/11/22 Javascript
ES6函数实现排它两种写法解析
2020/05/13 Javascript
使用JS实现鼠标放上图片进行放大离开实现缩小功能
2021/01/27 Javascript
浅析Git版本控制器使用
2017/12/10 Python
对Python中DataFrame按照行遍历的方法
2018/04/08 Python
python线程池threadpool使用篇
2018/04/27 Python
python中cPickle类使用方法详解
2018/08/27 Python
详解python列表(list)的使用技巧及高级操作
2019/08/15 Python
如何基于Python爬取隐秘的角落评论
2020/07/02 Python
Fossil美国官网:Fossil手表、手袋、珠宝及配件
2017/02/01 全球购物
雅萌 (YA-MAN) :日本美容家电领域的龙头企业
2017/05/12 全球购物
TUMI马来西亚官方网站:国际领先的高品质商旅箱包品牌
2018/04/26 全球购物
法拉利英国精品店:Ferraris Boutique UK
2019/07/20 全球购物
高三毕业典礼演讲稿
2014/05/13 职场文书
团日活动总结模板
2014/06/25 职场文书
python urllib库的使用详解
2021/04/13 Python