jQuery AJAX 仅在我按 shift 键后加载页面内容

jQuery AJAX Loading Page Content Only After I Press Shift Key

本文关键字：加载 shift AJAX jQuery      更新时间：2023-09-26

我的 ajax + jquery 仅在按住 shift 键并复制新的空窗口后加载页面。如果我按下加载按钮什么也没发生，只有在我按 shift 键后我才能正确加载页面......

这是我的 Ajax 脚本：

$(document).ready(function () {
    $(".getUsersA").click(function () {
        $.ajax({
            beforeSend: function () {
                $(".gridD").html(spinner)
            },
            url: 'lib/some_url.php',
            type: 'POST',
            data: ({
                data1:'2013-09-01'
                }),
            success: function  (results) 
                {$(".gridD").html(results);}
        });
    });
});

我有第二个js文件，只有这行用于微调的代码

var spinner = "<img src='images/spinner.gif' border='0'>";

网页代码：

<html>
<head>
    <title>Title</title>
    <script type="text/javascript" src="js/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="js/ajax.js"></script>
    <script type="text/javascript" src="js/general.js"></script>
</head>
<body>
    <h1>Putting it all tugether ... with jQuery</h1>
    <div class="thedivD"><a href="" class="buttonA getUsersA">Get Users</a></div>
    <h3>jQuery results</h3>
    <div class="gridD"></div>
</body>
</html>

尝试更改 

<a href="" ...

自

<a href="#" ...

在您的 HTML 中...空白 href 是指向同一 URL 的链接，因此单击该按钮也会强制重新加载页面......

 data: [{
                data1:'2013-09-01'
                }]

试试吧。

如果您无法发布数据1或成功不会到来。

$.ajax({
            beforeSend: function () {
                $(".gridD").html(spinner)
            },
            url: 'lib/some_url.php',
            type: 'POST',
            data: [{
                "data1":'2013-09-01'
                }],
            success: function  (results) 
                {$(".gridD").html(results);}
        });

？

相关文章：