php - 将jquery ajax结果插入html表单

标签 php jquery ajax

我正在尝试执行以下操作。 当按下“提交”按钮时,我希望表单中的起始价格字段能够回显从 data-loader1.php 返回的值。

我可以将它回显到屏幕和控制台,但我无法让它显示在表单中。如何将返回的值存储在变量中,以便在表单的“起始价格”输入字段的值中回显?

<?php
     if (isset($_GET['var_PHP_data'])) {
       echo $_GET['var_PHP_data'];
     } else {
     ?>
     <!DOCTYPE html>
     <html>
       <head>
            <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script> 
            <script src="http://malsup.github.com/jquery.form.js"></script> 
         <script>
             $(document).ready(function() {
                 $('#sub').click(function() {
                     var var_data = "Hello World";
                     $.ajax({
                         url: 'load-data1.php',
                         type: 'GET',
                          data: { var_PHP_data: var_data },
                          success: function(data) {
                              console.log(data);
                              var test = data;
                              console.log(test);
                              $("#input").value(data);
                             $('#result').html(data)
                          }
                      });
                  });
              });
         </script>
       </head>
       <body>
         <input type="submit" value="Submit" id="sub"/>
         
<form method = "post">
    
      
		</select>
		buy or sell :<select name="trade_sort">
  		<option value="Buy">Buy</option>
  		<option value="Sell">Sell</option>
  		
		</select>
		select currency pair :<select id="curr_pair" name="curr_pair">
  		<option value="EURUSD">EUR/USD</option>
  		<option value="GBPUSd">GBP/USD</option>
  		<option value="USDJPY">USD/JPY</option>
  		<option value="EURGBP">EUR/GBP</option>
  		<option value="USDCAD">USD/CAD</option>
  		<option value="AUDUSD">AUD/USD</option>
  		<option value="EURJPY">EUR/JPY</option>
  		<option value="GBPEUR">GBP/EUR</option>
  		<option value="USDCFH">USD/CFH</option>
  		<option value="EURCFH">EUR/CFH</option>
  		
		</select>
		Trade Date :<input type="text" name="date1" id="date1" alt="date" class="IP_calendar" title="Y/m/d">
		Amount :<input type="number" min="0" value="1000" step="1.0" name="amount">
        stoploss :<input type="number" min="0.00" value="0.00" step="0.01" name="stoploss">
        start price :<input id ="input" type="number"  min="0" value="<?php echo $test; ?>" step="0.00001" name="start_price">
 
    	<input type="hidden" name="closingDate" id="closingDate">
    	<input type="hidden" name="status" id="status">
        <input type="hidden"  min="0" value="1.0000" step="0.01" name="pip">
         <input type="hidden"  min="0" value="1.0000" step="0.01" name="pl1">
         <input type="hidden"  min="0" value="1.0000" step="0.01" name="pl2">
         <input type="hidden"  min="0" value="1.0000" step="0.01" name="multiplier" id="multiplier">
       
        <input type="submit" name="gg" value ="save trade">
    
    </form>


       </body>
     </html>
    <?php } ?>

最佳答案

为了扩展我的评论,在您的 AJAX 中,您有以下内容;

success: function(data) {
    console.log(data);
    var test = data;
    console.log(test);
    $("#input").value(data);
    $('#result').html(data)
}

您在此使用 $.value(),其中 jQuery 函数是 $.val(),因此以下内容应该有效;

success: function(data) {
    console.log(data);
    var test = data;
    console.log(test);
    $("#input").val(data);
    $('#result').html(data)
}

关于php - 将jquery ajax结果插入html表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50620915/

相关文章:

php - 推进ORM:将具有外键关系的通用模型对象完全递归合并,以进行JSON序列化

php - 如何在不使用 include 或 require 的情况下将文件包含在 php 中?

jquery - 使用 Angular.js 时如何使用 jQuery 插件

javascript - FileReader 的 onloadend 事件永远不会被触发

javascript - 是否有办法使用外部 Javascript/jquery 文件检测 Shopify 中的变体更改?

ajax - 如何解决 IE 中的错误 "SCRIPT7002: XMLHttpRequest: Network Error 0x80070005, Access is denied."

java - ajax 在返回字符串值时不工作

javascript - 从客户端调用服务器端函数

PHP & 可湿性粉剂 : is_wp_error not working on try and catch

php - 如何在 codeigniter 中发布动态输入标签