Chinaunix
标题:
Jquery获取数据问题
[打印本页]
作者:
tan1301230147
时间:
2014-11-02 16:38
标题:
Jquery获取数据问题
获取HTML数据的时候从GET方式改到POST方式,打印不出内容
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="数据格式HTML.aspx.cs" Inherits="AjaxDemo1.数据格式HTML" %>
<!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 type="text/javascript">
window.onload = function () {
var aNodes = document.getElementsByTagName("a");
for (var i = 0; i < aNodes.length; i++) {
//为所有 a 标签添加 onclick 单击事件
aNodes[i].onclick = function () {
//初始化信息
var request = new XMLHttpRequest();
var method = "GET";
var url = this.href;
request.open(method, url);
request.send(null);
request.onreadystatechange = function () {
if (request.readyState == 4) {
if (request.status == 200 || request.status == 304) {
//将读取到的 html 文件内容放到 Div 中
document.getElementById("datails").innerHTML = request.responseText;
}
}
}
return false;
}
}
}
</script>--%>
<script src="jquery-1.7.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("a").click(function () {
var url = this.href;
var args = { "time": new Date() };
$("#datails").load(url, args);
return false;
});
})
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<ul>
<li><a href="files/andy.htm">Andy</a></li>
<li><a href="files/jeremy.htm">Jeremy</a></li>
<li><a href="files/richard.htm">Richard</a></li>
</ul>
<div id="datails"></div>
</div>
</form>
</body>
</html>
复制代码
作者:
tan1301230147
时间:
2014-11-02 16:40
回复
1#
tan1301230147
<script src="jquery-1.7.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("a").click(function () {
var url = this.href;
var args = { "time": new Date() };
$("#datails").load(url);
return false;
});
})
</script>
复制代码
load方法只用一个参数的话可以正常显示
作者:
caoshanhu
时间:
2014-12-02 22:45
因为你请求的是html文件,这个在ajax要get请求,post请求不生效。
欢迎光临 Chinaunix (http://bbs.chinaunix.net/)
Powered by Discuz! X3.2