簡體   English   中英

AJAX PHP變量填充表單字段jquery

[英]AJAX PHP variable to populate form field jquery

試圖尋找解決方案任何幫助或指示,讓我朝着正確的方向,將不勝感激。

場景:我有一個HTML表單,我用它來修改PHP的mysql數據庫。 我想在頁面加載時,它在這個表單上有一個字段,從數據庫中提取,這很容易

<input type="text" name="inputTag" value="<?php echo $people['Service Tag']; ?>"     onblur="this.value=this.value.toUpperCase()" />

這很容易。 我有一個單獨的php頁面說... test.php,它從頁面中刪除文本並存儲在變量中。 與此類似的東西

<?php 
$file_string = file_get_contents('http://blahblah.com/');
preg_match("/<title>Product Support for (.+)\| HP/i", $file_string, $matches);
$print = "$matches[1]";
?>

我需要的東西允許我用test.php中的php變量$ print填充表單字段,並且只有在單擊該字段時才將其放入inputTag字段的值中

基本上我不希望它每次我的頁面加載時都運行file_get_contents,因為它很慢而且並不總是需要。 但我希望表單字段顯示當前存儲在數據庫onload中的內容,但允許您單擊該窗體字段,觸發屏幕刮取php文件並從該窗體的文本字段中的該php文件中回顯$ print變量,以便我可以在完成填寫后提交表格。

當談到這個東西時,我就像一個菜鳥,但可以繞過一些......最好的我能弄明白的是我需要用這樣的東西進行AJAX調用。

<script type="text/javascript" src="\js\jquery-latest.js"></script>
<script type="text/javascript">
   function populatetag() {
   $.get("\portable\test.php");
   return false;
    }
</script>

通常加載初始頁面,從數據庫中提取當前信息。 那么也許可以添加一些帶有onclick事件的javascript來清除字段並使用ajax調用中的變量填充它?

這甚至可能還是我生活在夢境中? 抱歉,如果這令人困惑我可以嘗試澄清,如果需要。

謝謝!

更新 *更新字段

   <script type="text/javascript" src="\js\jquery-latest.js"></script>
     <script type="text/javascript"> 
            $('#updateBtn').click(function(e){
        //to disable the click from going to next page
        e.preventDefault();
        $.ajax({
                url: "test.php", 
                success: function(data){
               //set the value of your input field with the data received
               $('#model').val(data);
              }
         }
    );
});
    </script>

這是我最終用它來工作的感謝

<input type="text" id="serviceTag" name="inputTag" value="<?php echo $people['Service Tag']; ?>"/>
<a href="#" id="updateBtn">Update Field</a>

<script>
$('#updateBtn').click(function(e){
    //to disable the click from going to next page
    e.preventDefault();
    $.ajax(
         'your-php-script.php', function(data){
               //set the value of your input field with the data received
               $('#serviceTag').val(data);
         }
    );
});
</script>

在您的php文件中,您應該輸出/ echo出您想要插入到輸入字段中的字符串/值

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM