jQuery AJAX通過字符串返回調用PHP腳本

我的目標是在PHP中複製ASP.NET中的Hot Towel SPA框架。jQuery AJAX通過字符串返回調用PHP腳本

我的項目中有兩個文件：show.js和displaystring.php。我基本上想要做的是返回displayString（）函數中存在的任何東西。但是由於一系列不成功的嘗試，我在show.js文件中插入了調試器語句（如下面的源代碼所示）以找出錯誤。當我在谷歌瀏覽器中運行該項目並打開開發人員工具時（Ctrl + Shift + i），我發現程序流停止在調試器語句處（如預期的那樣），並將鼠標懸停在success屬性中的數據變量上，我發現displaytring.php文件返回的是整個html源代碼，而不是僅返回「。$ _ POST（'string'）;語句」。012 _ _ _ _ _ _ _ _ _ 。誰能告訴我哪兒我該怎麼錯了？謝謝。

show.js

define(function (require) { 

    var val = ""; 
    //var moviesRepository = require("repositories/moviesRepository"); 

    $.ajax({ 
     url: "controllers/displaystring.php", 
     type: "post", 
     data: {input:"show"}, 
     datatype: 'json', 
     success: function(data){ 
      val = data;  
     debugger; // Debugger inserted here. 
     }}); 

    return { 
     result: ko.observable(), 

     activate: function() { 
      this.result(val); 
     } 
    }; 
});

displaystring.ph p

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>String Display</title> 
</head> 

<body> 
<?php 
    function displayString() { 
     return "The string passed is: ".$_POST('string'); 
    } 

    displayString(); 
?> 
</body> 
</html>

來源

2013-12-16 Razor

如果您將$ .ajax數據類型設置爲'json'，那麼您的響應必須是json編碼。 @imRcH答案是正確的 – vrunoa

好吧，如果我想傳遞並顯示一個字符串值，那麼代碼應該是什麼？ – Razor

$ .ajax {datatype：「html」，... – vrunoa

好吧，我想通了自己的解決方案。

我只是修改了一下代碼，以便找到我的問題的答案。

show.js

define(function (require) { 
    return { 
     result: ko.observable(), 

     activate: function() { 
      //var moviesRepository = require("repositories/moviesRepository"); 
      var self = this; 
      $.ajax({ 
       url: "controllers/displaystring.php", 
       type: "get", 
       data: {input:"show"}, 
       dataType: "html", 
       success: function(data){ 
        self.result(data); 
        debugger; 
       }}); 
     } 
    }; 
});

displaystring.php

<?php 
    function display() { 
     echo 'Hi I am some random '.rand().' output from the server.'; 
    } 
    display(); 
    //echo "Hello World!"; 
?>

就是這樣！您不必輸入PHP文件的整個HTML代碼。只需包含PHP腳本，您將獲得輸出。

非常感謝你的幫助。:)

來源

2013-12-16 15:14:40 Razor

嘗試這種方式

displaystring.php : 

<?php 
    function displayString() { 
     return "The string passed is: ".$_POST['input']; 
    } 
    echo displayString(); 
?>

來源

2013-12-16 11:59:53

只有PHP腳本像@tyagi提到&改變$ _ POST（ '字符串'），以$ _ POST ['字符串。

來源

2013-12-16 12:04:13

非常感謝您的回覆。我試圖通過用正方形替換圓括號，但不幸的是它仍然無法正常工作。 – Razor

首先，你必須指定標題：

header('Content-type: text/json'); 
header('Content-type: application/json');

第二你一定要formmat內容對於這種頭：

<?php 
    function displayString() { 
     return json_encode($_POST); 
    } 

    echo displayString(); 
?>

，你也一定要讀official documentation：

你的PHP文件必須是類似的東西：敲我的頭靠在一堵石牆了整整一天後

<?php 
    header('Content-type: text/json'); 
    function displayString() { 
       return json_encode($_POST); 
      } 

      echo displayString();

來源

2013-12-16 12:04:26 RDK

非常感謝您的回覆。我試過你的代碼，但它仍然無法工作。 :( – Razor

安置自己的錯誤請 – RDK

我沒有得到任何錯誤，但有一個空白頁 – Razor

確保您沒有在配置文件或構造函數或類似的東西中打印html。我遇到了同樣的問題。解決方案是創建單獨的文件來處理ajax請求。

來源

2014-05-04 15:37:56

jQuery AJAX通過字符串返回調用PHP腳本

回答

相關問題