基于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 获取链接(url)参数的方法[正则与截取字符串]
Feb 09 Javascript
javascript实现动态表头及表列的展现方法
Jul 14 Javascript
关于JS中的apply,call,bind的深入解析
Apr 05 Javascript
webpack 2.x配置reactjs基本开发环境详解
Aug 08 Javascript
react-native DatePicker日期选择组件的实现代码
Sep 12 Javascript
Vue中使用vee-validate表单验证的方法
May 09 Javascript
vue移动端实现红包雨效果
Jun 23 Javascript
vue实现引入本地json的方法分析
Jul 12 Javascript
Vue 前端实现登陆拦截及axios 拦截器的使用
Jul 17 Javascript
浅谈如何优雅处理JavaScript异步错误
Nov 12 Javascript
vue 自定义组件的写法与用法详解
Mar 04 Javascript
基于原生JS封装的Modal对话框插件的示例代码
Sep 09 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
跟我学Laravel之安装Laravel
2014/10/15 PHP
PHP向socket服务器收发数据的方法
2015/01/24 PHP
PHP创建word文档的方法(平台无关)
2016/03/29 PHP
CI框架数据库查询之join用法分析
2016/05/18 PHP
PHP curl批处理及多请求并发实现方法分析
2018/08/15 PHP
JS给swf传参数的实现方法
2016/09/13 Javascript
jQuery与js实现颜色渐变的方法
2016/12/30 Javascript
Nuxt.js实战详解
2018/01/18 Javascript
Node.js中读取TXT文件内容fs.readFile()用法
2018/10/10 Javascript
Electron中实现大文件上传和断点续传功能
2018/10/28 Javascript
vuejs移动端实现div拖拽移动
2019/07/25 Javascript
[02:40]DOTA2英雄基础教程 炼金术士
2013/12/23 DOTA
[48:52]DOTA2上海特级锦标赛A组小组赛#2 Secret VS CDEC第一局
2016/02/25 DOTA
[00:35]DOTA2上海特级锦标赛 Newbee战队宣传片
2016/03/03 DOTA
详解Python函数作用域的LEGB顺序
2016/05/14 Python
python实现将excel文件转化成CSV格式
2018/03/22 Python
numpy.transpose对三维数组的转置方法
2018/04/17 Python
python和mysql交互操作实例详解【基于pymysql库】
2019/06/04 Python
python numpy 反转 reverse示例
2019/12/04 Python
Selenium 滚动页面至元素可见的方法
2020/03/18 Python
记一次django内存异常排查及解决方法
2020/08/07 Python
SheIn俄罗斯:时尚女装网上商店
2017/02/28 全球购物
英国豪华针织品牌John Smedley的在线销售商:The Outlet by John Smedley
2018/04/08 全球购物
法国面料和小百货在线商店:Mondial Tissus
2019/03/23 全球购物
马德里运动鞋商店:Nigra Mercato
2020/02/16 全球购物
C语言笔试集
2012/07/24 面试题
财务专业大学生职业生涯规划范文
2013/12/30 职场文书
工地资料员岗位职责
2013/12/31 职场文书
公司中秋节活动方案
2014/02/12 职场文书
大专生找工作自荐书
2014/06/10 职场文书
年会邀请函的格式及范文五篇
2019/11/02 职场文书
制作能在nginx和IIS中使用的ssl证书
2021/06/21 Servers
SpringCloud之@FeignClient()注解的使用方式
2021/09/25 Java/Android
python双向链表实例详解
2022/05/25 Python
canvas 中如何实现物体的框选
2022/08/05 Javascript
JS前端使用canvas实现扩展物体类和事件派发
2022/08/05 Javascript