传递变量到PHP中使用AJAX

Question

我有这种形式

<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和控制台错误，并且警报显示“成功”

Answer 1

当您编写$("#result").html("Example content");时，由于它是输入而非元素保存器，所以您犯了一个错误。 更改您的代码到

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