基于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 json 新手入门文档
Dec 03 Javascript
jquery获得下拉框值的代码
Aug 13 Javascript
jquery+json实现数据列表分页示例代码
Nov 15 Javascript
js实现按一下删除键删除整个单词附demo
Sep 05 Javascript
javascript中JSON对象与JSON字符串相互转换实例
Jul 11 Javascript
jQuery Mobile中的button按钮组件基础使用教程
May 23 Javascript
js实现弹窗居中的简单实例
Oct 09 Javascript
js css3实现图片拖拽效果
Mar 04 Javascript
JavaScript输入分钟、秒倒计时技巧总结(附代码)
Aug 17 Javascript
vue-cli 打包后提交到线上出现 &quot;Uncaught SyntaxError:Unexpected token&quot; 报错
Nov 06 Javascript
加速vue组件渲染之性能优化
Apr 09 Javascript
vue-cli4.0多环境配置变量与模式详解
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
用Apache反向代理设置对外的WWW和文件服务器
2006/10/09 PHP
CodeIgniter使用phpcms模板引擎
2013/11/12 PHP
Codeigniter操作数据库表的优化写法总结
2014/06/12 PHP
PHP中怎样防止SQL注入分析
2014/10/23 PHP
PHP的cURL库简介及使用示例
2015/02/06 PHP
学习ExtJS(二) Button常用方法
2009/10/07 Javascript
js中top、clientTop、scrollTop、offsetTop的区别 文字详细说明版
2011/01/08 Javascript
JavaScript包装对象使用详解
2015/07/09 Javascript
jQuery控制DIV层实现由大到小,由远及近动画变化效果
2015/10/09 Javascript
浅谈json取值(对象和数组)
2016/06/24 Javascript
微信小程序 wx.request(object) API详解及实例代码
2016/09/30 Javascript
JavaScript自定义函数实现查找两个字符串最长公共子串的方法
2016/11/24 Javascript
深入理解JS中Number(),parseInt(),parseFloat()三者比较
2018/08/24 Javascript
JavaScript实现shuffle数组洗牌操作示例
2019/01/03 Javascript
IE11下CKEditor在Bootstrap Modal中下拉问题的解决
2019/09/25 Javascript
js轮播图之旋转木马效果
2020/10/13 Javascript
vue的hash值原理也是table切换实例代码
2020/12/14 Vue.js
python基础教程之获取本机ip数据包示例
2014/02/10 Python
python操作数据库之sqlite3打开数据库、删除、修改示例
2014/03/13 Python
python实现根据月份和日期得到星座的方法
2015/03/27 Python
python基础教程项目二之画幅好画
2018/04/02 Python
Python requests库用法实例详解
2018/08/14 Python
python3人脸识别的两种方法
2019/04/25 Python
Python 实例方法、类方法、静态方法的区别与作用
2019/08/14 Python
PyCharm 无法 import pandas 程序卡住的解决方式
2020/03/09 Python
PyCharm上安装Package的实现(以pandas为例)
2020/09/18 Python
详解java调用python的几种用法(看这篇就够了)
2020/12/10 Python
建筑结构施工专业推荐信
2014/02/21 职场文书
学雷锋树新风演讲稿
2014/05/10 职场文书
年度优秀员工获奖感言
2014/08/15 职场文书
药店收银员岗位职责
2015/04/07 职场文书
2015年度校学生会工作总结报告
2015/05/23 职场文书
试用期转正工作总结2015
2015/05/28 职场文书
车间安全生产管理制度
2015/08/06 职场文书
Python WSGI 规范简介
2021/04/11 Python
Java基础——Map集合
2022/04/01 Java/Android