基于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 相关文章推荐
List Installed Hot Fixes
Jun 12 Javascript
input+select(multiple) 实现下拉框输入值
May 21 Javascript
关于URL中的特殊符号使用介绍
Nov 03 Javascript
jquery简单瀑布流实现原理及ie8下测试代码
Jan 23 Javascript
Jquery性能优化详解
May 15 Javascript
js解决select下拉选不中问题
Oct 14 Javascript
Nuxt配合Node在实际生产中的应用详解
Aug 07 Javascript
element-ui中select组件绑定值改变,触发change事件方法
Aug 24 Javascript
详解微信小程序开发之formId使用(模板消息)
Aug 27 Javascript
node使用request请求的方法
Dec 20 Javascript
JS实现导航栏楼层特效
Jan 01 Javascript
javascript之Object.assign()的痛点分析
Mar 03 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
四月新番又没了,《Re:从零开始的异世界生活》第二季延期至7月播出
2020/05/06 日漫
PHP5各个版本的新功能和新特性总结
2014/03/16 PHP
php字符串操作常见问题小结
2016/10/11 PHP
浅谈关于PHP解决图片无损压缩的问题
2017/09/01 PHP
javaScript Array(数组)相关方法简述
2009/07/25 Javascript
js实现每日自动换一张图片的方法
2015/05/04 Javascript
Bootstrap实现登录校验表单(带验证码)
2016/06/23 Javascript
简单实现nodejs上传功能
2017/01/14 NodeJs
jQuery is not defined 错误原因与解决方法小结
2017/03/19 Javascript
xmlplus组件设计系列之文本框(TextBox)(3)
2017/05/03 Javascript
jQuery Validate格式验证功能实例代码(包括重名验证)
2017/07/18 jQuery
Vue 去除路径中的#号
2018/04/19 Javascript
Vue项目数据动态过滤实践及实现思路
2018/09/11 Javascript
微信小程序学习笔记之登录API与获取用户信息操作图文详解
2019/03/29 Javascript
vue下canvas裁剪图片实例讲解
2020/04/16 Javascript
微信小程序 wx:for 与 wx:for-items 与 wx:key的正确用法
2020/05/19 Javascript
JS hasOwnProperty()方法检测一个属性是否是对象的自有属性的方法
2021/01/29 Javascript
[50:04]DOTA2上海特级锦标赛D组小组赛#2 Liquid VS VP第二局
2016/02/28 DOTA
[49:42]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#2Secret VS EG第一局
2016/03/04 DOTA
[01:48]帕吉至宝加入游戏,遗迹战场现“千劫神屠”
2018/04/07 DOTA
[53:23]Secret vs Liquid 2018国际邀请赛淘汰赛BO3 第二场 8.25
2018/08/29 DOTA
Python使用Mechanize模块编写爬虫的要点解析
2016/03/31 Python
python输出电脑上所有的串口名的方法
2019/07/02 Python
python安装和pycharm环境搭建设置方法
2020/05/27 Python
利用CSS3实现圆角的outline效果的教程
2015/06/05 HTML / CSS
Html5大文件断点续传实现方法
2015/12/05 HTML / CSS
美国在线宠物用品商店:Entirely Pets
2017/01/01 全球购物
新秀丽官方旗舰店:Samsonite拉杆箱、双肩包、皮具
2018/03/05 全球购物
阿迪达斯法国官方网站:adidas法国
2018/03/20 全球购物
中文系学生自荐信范文
2013/11/13 职场文书
市场营销方案范文
2014/03/11 职场文书
2015年人事科工作总结
2015/04/28 职场文书
Vue3 Composition API的使用简介
2021/03/29 Vue.js
ORM模型框架操作mysql数据库的方法
2021/07/25 MySQL
MySQL 主从复制数据不一致的解决方法
2022/03/18 MySQL
zabbix配置nginx监控的实现
2022/05/25 Servers