function saveObj(){
var userName = document.getElementById("userName").value;
checkUserName(userName);
}
//使用ajax实现页面无刷新功能;
var xmlHttpRequest;
function createXMLHttpRequest(){
if(window.XMLHttpRequest){
xmlHttpRequest = new XMLHttpRequest();
}else if(window.ActiveXObject){
try{
xmlHttpRequest = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
}catch(e1){}
}
}
}
//实现用户名校验技术;
function checkUserName(userName){
createXMLHttpRequest();&n ......
许多程序员在做业务开发时往往会在服务器端做用户信息的验证，有没有考虑过用jquery的ajax方法来验证登陆呢？且效果比在服务器端写代码来验证好的多，页面无刷新即可实现实现登陆验证，代码也简单。
现在下面贴出来的是很简单的用jquery的ajax方法来验证登陆的代码，适合刚接触jquery的朋友学习。
前台页面代码：
<head>
<script src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
userlogin=function(){
$.ajax({
type:"get",
cache:false,
url:"ajaxpage.aspx",
dataType:"json",
data:"username="+$("#txt_username").val()+"&password="+$("#txt_pwd").val(),
success:function(data){
if(data.sta==1)
&n ......
许多程序员在做业务开发时往往会在服务器端做用户信息的验证，有没有考虑过用jquery的ajax方法来验证登陆呢？且效果比在服务器端写代码来验证好的多，页面无刷新即可实现实现登陆验证，代码也简单。
现在下面贴出来的是很简单的用jquery的ajax方法来验证登陆的代码，适合刚接触jquery的朋友学习。
前台页面代码：
<head>
<script src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
userlogin=function(){
$.ajax({
type:"get",
cache:false,
url:"ajaxpage.aspx",
dataType:"json",
data:"username="+$("#txt_username").val()+"&password="+$("#txt_pwd").val(),
success:function(data){
if(data.sta==1)
&n ......
<script language="javascript" type="text/javascript">
function doubleSalary()
{
var employee = new Object();
employee.FirstName = "X";
employee.LastName = "PP";
employee.Salary = 1000;
ComplexType.ServerMethod(employee, onServerMethodSucceeded);
}
function onServerMethodSucceeded(result)
{
var message = String.format(
"First Name: {0}\nLast Name: {1}\nFull Name: {2}\nSalary: {3}",
result.FirstName,
result.LastName,
result.FullName,
result.Salary);
alert(message);
}
</script>
这段代码首先定义了一个doubleSalary方法，里面定义了一个客户端employee实体类，然后将其传给服务器端WebService的某个方法。ComplexType 是WebService 的类名，ServerMethod是服务器端方法，onServerMethodSucceeded是客户端回调方法，作用是处理服务器方法结束之后的客户端事 ......
<script language="javascript" type="text/javascript">
function doubleSalary()
{
var employee = new Object();
employee.FirstName = "X";
employee.LastName = "PP";
employee.Salary = 1000;
ComplexType.ServerMethod(employee, onServerMethodSucceeded);
}
function onServerMethodSucceeded(result)
{
var message = String.format(
"First Name: {0}\nLast Name: {1}\nFull Name: {2}\nSalary: {3}",
result.FirstName,
result.LastName,
result.FullName,
result.Salary);
alert(message);
}
</script>
这段代码首先定义了一个doubleSalary方法，里面定义了一个客户端employee实体类，然后将其传给服务器端WebService的某个方法。ComplexType 是WebService 的类名，ServerMethod是服务器端方法，onServerMethodSucceeded是客户端回调方法，作用是处理服务器方法结束之后的客户端事 ......
应项目需求，测试了下自动发送邮件的功能，以实现，下面分别介绍前台的Ajax和后台c#
前台：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="SendEmail.aspx.cs" Inherits="SendEmail" %>
<!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>每隔十秒鐘自動發送Email</title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Timer ID="Timer1" runat="server" Interval="10000" ontick="Timer1_Tick">
</asp:Timer>
&nbs ......
以后说明就写在这里了,该控件只当是练手 我把说明一起打包了 不过还是在这里而在贴出来 我有空的时候就会扩展其他功能了
高手就可以飘过了... 每次更新我都会把原来的控件一起打包 文件可能越来越大,呵呵 欢迎交流
Ax控件用于ajax请求
支持浏览器 火狐 IE 等...
控件参数
_Async 是否同步 true为异步 false为同步
_datas 传送的数据 如{name:Yige,age:20}
_requestMethod 请求方式 支持 post get两种
以上参数请通过 get_Async获取 或set_Async设置其数值
最简方法
第一步:首先页面引入该效果库
<script type="javascript" src="该效果库所在地址"></script>
第二步
<script type="javascript">
var s=Squery();
s.Ax.SendContent("请求地址","请求成功后显示的元素ID");
</script>
以上为最简请求方式
其他请求方式
SendTion(数据(Josn格式),请求地址,成功后显示内容的元素ID);
如SendTion({yige:"犀利哥",age:"20"},"yige.asp","div1"});
SendCallback(数据(Josn格式),请求地址,成功后显示内容的元素ID，回调函数(只需提供名称即可));
如SendCallback({yige:"犀利哥",age:"20"},"yige.asp","div1"," ......
原来用jQuery的ajax方式调用asp.net页面基本都是调用单个页面，由调用页面Response内容，而现在采用asp.net ajax后，我们则可以更完美的使用jQuery和asp.net结合了，代码如下：
<asp:ScriptManager ID="ScriptManager1" runat="server" >
<Scripts>
<asp:ScriptReference Path="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" ScriptMode="Release" />
</Scripts>
</asp:ScriptManager>
<div id="Result">Click here.</div>
<script language="javascript">
$(document).ready(function() {
$("#Result").click(function() {
$.ajax({
type: "POST",
url: "WebForm1.aspx/GetDate",//注意调用方式，同样方式可以调用webservice
data: {}, //在这里可以设置需要传递的参数
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(msg) {
// 替换返回内容
$("#Result").text(msg);
},
error: function(xhr,msg,e) { alert(msg);}
});
......
原来用jQuery的ajax方式调用asp.net页面基本都是调用单个页面，由调用页面Response内容，而现在采用asp.net ajax后，我们则可以更完美的使用jQuery和asp.net结合了，代码如下：
<asp:ScriptManager ID="ScriptManager1" runat="server" >
<Scripts>
<asp:ScriptReference Path="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" ScriptMode="Release" />
</Scripts>
</asp:ScriptManager>
<div id="Result">Click here.</div>
<script language="javascript">
$(document).ready(function() {
$("#Result").click(function() {
$.ajax({
type: "POST",
url: "WebForm1.aspx/GetDate",//注意调用方式，同样方式可以调用webservice
data: {}, //在这里可以设置需要传递的参数
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(msg) {
// 替换返回内容
$("#Result").text(msg);
},
error: function(xhr,msg,e) { alert(msg);}
});
......
最新文章 : ajax