基于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 相关文章推荐
JS异常处理的一个想法(sofish)
Mar 14 Javascript
博客侧边栏模块跟随滚动条滑动固定效果的实现方法(js+jquery等)
Mar 24 Javascript
Jquery submit()无法提交问题
Apr 21 Javascript
JS+JSP checkBox 全选具体实现
Jan 02 Javascript
javascript通过className来获取元素的简单示例代码
Jan 10 Javascript
使用jQuery设置disabled属性与移除disabled属性
Aug 21 Javascript
浅析JQuery中的html(),text(),val()区别
Sep 01 Javascript
Google 爬虫如何抓取 JavaScript 的内容
Apr 07 Javascript
vue router下的html5 history在iis服务器上的设置方法
Oct 18 Javascript
Javacript中自定义的map.js  的方法
Nov 26 Javascript
微信小程序实现简单文字跑马灯
May 26 Javascript
js面向对象编程OOP及函数式编程FP区别
Jul 07 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
桌面中心(二)数据库写入
2006/10/09 PHP
PHP输出XML到页面的3种方法详解
2013/06/06 PHP
PHP的全局错误处理详解
2016/04/25 PHP
PHP微信红包生成代码分享
2016/10/06 PHP
thinkPHP5框架设置404、403等http状态页面的方法
2018/06/05 PHP
JavaScript 组件之旅(一)分析和设计
2009/10/28 Javascript
javascript学习笔记(三) String 字符串类型介绍
2012/06/19 Javascript
javascript时区函数介绍
2012/09/14 Javascript
JS中setTimeout()的用法详解
2013/04/14 Javascript
jquery实现漂浮在网页右侧的qq在线客服插件示例
2013/05/13 Javascript
一个JavaScript变量声明的知识点
2013/10/28 Javascript
jquery.validate的使用说明介绍
2013/11/12 Javascript
利用js判断浏览器类型(是否为IE,Firefox,Opera浏览器)
2013/11/22 Javascript
JQuery 在线引用及测试引用是否成功
2014/06/24 Javascript
jQuery实现在textarea指定位置插入字符或表情的方法
2015/03/11 Javascript
JS判断Android、iOS或浏览器的多种方法(四种方法)
2017/06/29 Javascript
Angular 2父子组件之间共享服务通信的实现
2017/07/04 Javascript
基于vue.js路由参数的实例讲解——简单易懂
2017/09/07 Javascript
bootstrap里bootstrap动态加载下拉框的实例讲解
2018/08/10 Javascript
vue中destroyed方法的使用说明
2020/07/21 Javascript
用python删除java文件头上版权信息的方法
2014/07/31 Python
以视频爬取实例讲解Python爬虫神器Beautiful Soup用法
2016/01/20 Python
python生成词云的实现方法(推荐)
2017/06/13 Python
英国鲜花递送:Blossoming Gifts
2020/07/10 全球购物
mysql有关权限的表都有哪几个
2015/04/22 面试题
后勤副校长自我鉴定
2013/10/13 职场文书
注塑工厂厂长岗位职责
2013/12/02 职场文书
医务工作者先进事迹材料
2014/01/26 职场文书
人事任命书范文
2014/06/04 职场文书
旅游专业毕业生自荐书
2014/06/30 职场文书
三月法制宣传月活动总结
2014/07/03 职场文书
2015年母亲节活动总结
2015/02/10 职场文书
求职自我推荐信
2015/03/24 职场文书
Python并发编程实例教程之线程的玩法
2021/06/20 Python
Python Matplotlib绘制条形图的全过程
2021/10/24 Python
JavaScript中isPrototypeOf函数
2021/11/07 Javascript