傳遞變量到PHP中使用AJAX

我有這種形式傳遞變量到PHP中使用AJAX

<form name="main" id="main" class="form-horizontal" method="post"> 
    <div class="form-group"> 
     <label for="value" class="col-sm-2 control-label">Enter Value</label> 
     <div class="col-sm-3"> 
     <input type="text" class="form-control" name="value" id="value" placeholder="Enter value"> 
     </div> 
    </div> 
    <div class="form-group"> 
     <label for="value" class="col-sm-2 control-label">Result</label> 
     <div class="col-sm-3"> 
     <input type="text" class="form-control" name="result" id="result" placeholder="result" value=""> 
     </div> 
    </div> 
    <div class="form-group"> 
     <div class="col-sm-offset-2 col-sm-3"> 
     <button type="submit" class="btn btn-default" id="Convert" name="Convert" value="Convert">Submit</button> 
     </div> 
    </div> 
</form>

和jQuery的文件是：

$(document).ready(function() { 
    console.log("ready"); 
    $('#main').submit(function(e){ 
    e.preventDefault(); 

    $.ajax({ 
     type: "GET", 
     url : "index.php",  //your processing page URL instead of ??? 
     data: "&example=2", 
     success: function(){ 
      alert("success"); 
      $("#result").html("Example content"); 
     } 
    }); 
    }); 
});

我想顯示在#result領域的例子內容字符串時，表單提交。這似乎很簡單，但我已經嘗試了一切，沒有任何工作。我沒有得到http和控制檯錯誤，並且警報顯示「成功」

來源

2017-02-27 Spy

[您是否觀看過瀏覽器的開發人員工具中的AJAX請求/響應？你有沒有在項目中包含jQuery庫？是否有任何錯誤報告？你在網絡服務器上運行這個嗎？]（http://jayblanchard.net/basics_of_jquery_ajax.html） –

我沒有在標記中看到任何帶有id'result'的東西。你有'id =「re」'和'name =「result」' –

@u_mulder對不起，我編輯過。還是行不通。 – Spy

當您編寫$("#result").html("Example content");時，由於它是輸入而非元素保存器，所以您犯了一個錯誤。更改您的代碼到

$('#result').val("Example Content");

來源

2017-02-27 13:32:08

@Jay Blanchard謝謝你的糾正。 –

試過這個，並沒有工作。我很沮喪。原來，它需要清除緩存，然後它的工作。謝謝 – Spy

傳遞變量到PHP中使用AJAX

回答

相關問題