javascript - AJAX 加载内容

Question

我完全迷失了如何使用 AJAX。查阅了一些教程，一切似乎都很混乱。我遇到了问题：[脚本只运行一次]。

我会用它来重新加载这样的页面：[ http://www.roblox.com/Poison-Horns-item?id=62152671 ] 这样我就可以获得最新的商品价格，而无需刷新页面。如果有人可以帮助/告诉/指出我正确的方向，那会有所帮助。

我有点像初学者脚本编写者，所以请耐心等待；）

感谢您的帮助，亚历克斯

Answer 1

AJAX 请求与页面请求（GET 和 POST）相同，只是它们是异步处理的并且不会离开当前页面。响应数据是您要获取的页面的来源。在您解析/使用它之前，该来源是无用的。

一个简单的 jQuery 示例：

//for example, we are on example.com
$.ajax({
    type : 'get',         //the METHOD of the request, like the method of the form
    url : 'index.php'     //the url to fetch
    data : {              //additional data which is synonymous to:
        query1 : 'foo',   // - url queries
        query2 : 'bar',   // - form inputs
        query3 : 'baz',
    },
    success : function(resposeText){   //response text is the raw source of the fetched resource
        $(element).html(responseText); //use response as HTML for element
    }
});

//this is similar to requesting:
http://example.com/index.php?query1=foo&query2=bar&query3=baz

Answer 2

同意约瑟夫。你可以通过javascript方式或jQuery使用ajax，我个人建议使用jQuery，因为它实现起来很简单。

$.ajax({
        type: 'GET',
        url: "URL you want to call" ,
        data: 'Data you want to pass to above URL',
        cache: true, //to enable cache in browser
        timeout: 3000, // sets timeout to 3 seconds
        beforeSend: function() {
             //when ur ajax call generate then u can set here loading spinner
        },
        error: function(){
             // will fire when timeout is reached
        },

        success: function(response){
            //in response you can get your response data from above called url.
        }
    });