Chinaunix

标题: Jquery获取数据问题 [打印本页]

作者: tan1301230147    时间: 2014-11-02 16:38
标题: Jquery获取数据问题
获取HTML数据的时候从GET方式改到POST方式,打印不出内容
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="数据格式HTML.aspx.cs" Inherits="AjaxDemo1.数据格式HTML" %>

  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head runat="server">
  5.     <title></title>
  6. <%--    <script type="text/javascript">

  7.         window.onload = function () {

  8.             var aNodes = document.getElementsByTagName("a");
  9.             for (var i = 0; i < aNodes.length; i++) {

  10.                 //为所有 a 标签添加 onclick 单击事件
  11.                 aNodes[i].onclick = function () {

  12.                     //初始化信息
  13.                     var request = new XMLHttpRequest();
  14.                     var method = "GET";
  15.                     var url = this.href;

  16.                     request.open(method, url);
  17.                     request.send(null);

  18.                     request.onreadystatechange = function () {

  19.                         if (request.readyState == 4) {

  20.                             if (request.status == 200 || request.status == 304) {

  21.                                 //将读取到的 html 文件内容放到 Div 中
  22.                                 document.getElementById("datails").innerHTML = request.responseText;
  23.                             }
  24.                         }
  25.                     }

  26.                     return false;
  27.                 }
  28.             }
  29.         }
  30.     </script>--%>
  31.     <script src="jquery-1.7.2.js" type="text/javascript"></script>
  32.     <script type="text/javascript">

  33.         $(function () {

  34.             $("a").click(function () {

  35.                 var url = this.href;
  36.                 var args = { "time": new Date() };
  37.                 $("#datails").load(url, args);

  38.                 return false;
  39.             });
  40.         })
  41.     </script>
  42. </head>
  43. <body>
  44.     <form id="form1" runat="server">
  45.     <div>
  46.         <ul>
  47.             <li><a href="files/andy.htm">Andy</a></li>
  48.             <li><a href="files/jeremy.htm">Jeremy</a></li>
  49.             <li><a href="files/richard.htm">Richard</a></li>
  50.         </ul>
  51.         <div id="datails"></div>
  52.     </div>
  53.     </form>
  54. </body>
  55. </html>
复制代码

作者: tan1301230147    时间: 2014-11-02 16:40
回复 1# tan1301230147
  1.     <script src="jquery-1.7.2.js" type="text/javascript"></script>
  2.     <script type="text/javascript">

  3.         $(function () {

  4.             $("a").click(function () {

  5.                 var url = this.href;
  6.                 var args = { "time": new Date() };
  7.                 $("#datails").load(url);

  8.                 return false;
  9.             });
  10.         })
  11.     </script>
复制代码
load方法只用一个参数的话可以正常显示
作者: caoshanhu    时间: 2014-12-02 22:45
因为你请求的是html文件,这个在ajax要get请求,post请求不生效。




欢迎光临 Chinaunix (http://bbs.chinaunix.net/) Powered by Discuz! X3.2