简单的ajax GET请求无法在我的Django网页上运行

时间:2016-01-19 03:09:17

标签: javascript jquery html ajax django

我对Django和Ajax都很新(这是我第一次使用它们)并且我的代码收到错误。基本上我在Django中的模板生成的网页上有一个HTML按钮,它应该调用一个使用jquery分配的函数onclick。单击时,该按钮应向具有指定URL的网页发送GET请求。这就是我想要它做的一切,然而,它似乎并不起作用。它不断抛出错误。以下是一些代码:

<button class="btn btn-primary toChange">Click me</button>

和     

    $(".toChange").click(function(){
        $.ajax({
            url: 'localhost:8000/MyApp/ajax_test',
            type: 'GET', 
            success: function(data) {
                alert(data);
            },
            error: function(jqXHR, textStatus, errorThrown) {
                console.log(JSON.stringify(jqXHR));
                console.log("AJAX error: " + textStatus + ' : ' + errorThrown);
            }
        }); 
      //alert("Something happened!")
    });


</script>

我对我想要得到的看法是:

def test(request):
    return HttpResponse("Congrats, you've got it!")

目前,我正在使用firefox来查看localhost:8000上的网页。如果我在单击按钮时查看控制台,这就是我所看到的。

{"readyState":0,"status":0,"statusText":"[Exception... \"<no message>\"   nsresult: \"0x805e0006 (<unknown>)\"  location: \"JS frame :: https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js :: .send :: line 5\"  data: no]"}

AJAX error: error : [Exception... "<no message>"  nsresult: "0x805e0006 (<unknown>)"  location: "JS frame :: https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js :: .send :: line 5"  data: no]

我尝试研究错误,但我不确定,但火狐不允许请求通过可能是错误。有人能帮帮我吗?

1 个答案:

答案 0 :(得分:3)

更改您的网址:

$(".toChange").click(function(){
    $.ajax({
        url: 'localhost:8000/MyApp/ajax_test', # change here

$(".toChange").click(function(){
    $.ajax({
        url: '/MyApp/ajax_test',