AJAX加载内容

时间:2012-05-26 17:52:55

标签: javascript ajax jquery

我完全迷失了如何使用AJAX。看了一些教程,所有看起来都很混乱。我遇到了问题:[Script only runs once]。

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

我有点像初学者脚本,所以请耐心等待;)

感谢您的帮助, 亚历

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

同意约瑟夫的观点。您可以通过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.
        }
    });