简单应该ajax无刷新获取数据
Ajax可以实现网页的局部刷新,是通过JS获取数据,再把数据添加到网页中,然而由于浏览器的不同,初学者很难做到兼容问题.
这里我向大家介绍一种好的方法.通过JQuery插件.JQuery.js文件可以在官网上下载,或者google也行.
首先你要在网页引入JS文件
<script src="../javascript/jquery.js" type="text/javascript"></script>
然后在事件中(click)获取数据
jQuery("#chtnavi").html("正在获取数据...");
jQuery.ajax({
url : "ajax.aspx",//这是地址
type : "post",//这是回发方式
data : "id="+value,//这是参数,如果没有则为空
dataType : "html",
complete :
function (http,status)
{
if(status=="success")
{
jQuery("#chtnavi").html(http.responseText);
}
}
});
比如说你在ajax.cs中输出Response.Write("this is test");那么得到的就是this is test.
当然,为了传输数据的最小化,JQuery还有一个JSon方式,如下
var url='../ajax.aspx;id='+escape(s);
$.getJSON(url, function(data)
{
if(data.ok==1)
{//do something}
else if(data.ok==2)
{//do something}
else
&
相关文档：
jQuery是一个可以简化 JavaScript?以及AJAX（Asynchronous JavaScript
+XML，异步Javascript和XML）编程的Javascript库。不同于其他的Javascript库，jQuery有他自己的哲学，使你可
以很简单的编写代码。这篇文章就会带领你见识一下jQuery的哲学，探讨一下他的特性以及功能，并且会做一些ajax的示例，以及如何使用plug-
......
Default3.aspx Code:
<%@Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>
<!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"& ......
//创建XMLHttpRequest对象，需要根据IE和浏览器类型创建不同的xhr对象
var xhrobj;
function check()
{
//获取文本框的值
var username = document.getElementById("username").value;
if(window.XMLHttpRequest)
{
//针对firefox，Mozilla，ie7，ie8等
xhrobj = new XMLHttpRequest();
/ ......
