手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >基于JQuery实现异步刷新的代码(转载)
基于JQuery实现异步刷新的代码(转载)
摘要:今天很简单介绍这一封装的调用示例如下:调用页面:JqueryTest.aspx(注:后台无代码)复制代码代码如下:functiontest(...

今天很简单介绍这一封装的调用

示例如下:

调用页面: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="测试异步刷新" /></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");

}

}

}

}

注:由于代码过于简单,不做详细说明,有不明白的地方,请自行参考相关资料.

【基于JQuery实现异步刷新的代码(转载)】相关文章:

基于JavaScript实现动态添加删除表格的行

jQuery插件jRumble实现网页元素抖动

JQuery实现动态添加删除评论的方法

jQuery实现转动随机数抽奖效果的方法

如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据(附源码下载)

基于jquery实现下拉框美化特效

一段实时更新的时间代码

jquery实现的判断倒计时是否结束代码

jQuery结合ajax实现动态加载文本内容

解析Node.js基于模块和包的代码部署方式

精品推荐
分类导航