Javascript/jQuery發佈問題

我編寫了一個基於POST請求返回數據的API。Javascript/jQuery發佈問題

當我使用HTML表單時，它可以工作。當我使用wget和post-data時，它可以工作，但不管我使用什麼javascript代碼，我都無法使它工作。

因此，我使用了Chrome開發板，並查看網絡選項卡，它顯示py文件響應，並顯示正確的響應，它只是不顯示在屏幕上。

我以爲是頭部，所以我的Python（API）有此作爲標題：

print "Content-Type: text/json" 
print "Access-Control-Allow-Origin: *" 
print "Access-Control-Allow-Methods: GET, POST, PUT, DELETE" 
print "Access-Control-Expose-Headers: Access-Control-Allow-Origin" 
print "Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept"

的Javascript：

<!DOCTYPE html> 
<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">  
</script> 
<script> 
$(document).ready(function(){ 
    $("button").click(function(){ 
    $.post("http://www.example.com/cgi-bin/main.py", 
    { 
     uname:"username", 
     pword:"password" 
    }, 
    function(data,status){ 
     $(".data").html(data); 
     $(".status").html(status); 
    }); 
    }); 
}); 
</script> 
</head> 
<body> 

<button>Send</button> 
<p>Data: <span class="data"></span></p> 
<p>Status: <span class="status"></span></p> 

</body> 
</html>

來源

2014-03-26 triunenature

檢查您的瀏覽器控制檯是沒有任何錯誤 –

「event.returnValue已被棄用，請使用標準event.preventDefault（）代替。」但是，這不應該影響它 – triunenature

點擊處理程序是否被調用？點擊按鈕後，還有任何額外的日誌記錄 –

發現這個問題。

我提到我用Python來創建API，當我發送數據時，我只是做了「print dictobject」，問題是，它需要先轉換爲JSON！

所以，當JavaScript得到它，它試圖解析JSON（如在我的頭），並不能因此沒有返回任何東西。

我發現了這個問題，通過在ajax調用中放置dataType：「text」來禁用javascripts解析器。當數據（最後）打印時，我複製了文本，並使用json驗證器確定它不正確！

最終的JavaScript代碼：

var formData = {uname:"username",pword:"password"}; 

$.ajax({ 
    url : "http://be.expressivecomputing.com/cgi-bin/main.py", 
    type: "POST", 
    data : formData, 
    dataType: 'text', 
    success: function(data, textStatus, jqXHR) 
    { 
     $(".data").html(data); 
     $(".status").html(textStatus); 
    }, 
    error: function (jqXHR, textStatus, errorThrown) 
    { 
     $(".data").html("FAIL"); 
     $(".status").html(textStatus); 
    } 
});

來源

2014-03-26 20:52:17 triunenature

Javascript/jQuery發佈問題

回答

相關問題