2013-10-08 64 views
3

試圖找到解決方案的任何幫助或指針,讓我在正確的方向,將不勝感激。AJAX PHP變量填充表單字段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的變量$打印和它放入inputTag字段的值,只有在現場的東西點擊

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

當我提到這個東西的時候,我是一種noob,但是可以解決一些問題......我可以弄清楚的是,我需要用這樣的東西做一個AJAX調用。

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

加載初始頁面,通常從數據庫中提取當前信息。 然後,也許添加一些JavaScript的onclick事件清除該字段,並填充它與來自ajax調用的變量?

這是可能的,或者我住在夢境中嗎?對不起,如果這是混亂,我可以嘗試澄清,如果需要。

謝謝!

UPDATE * 更新域

<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> 

這是我最後用得到它的工作,感謝

回答

0
<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文件,你應該輸出/回聲輸出你想要插入輸入字段的字符串/值

+0

謝謝你f像你這樣的鰻魚讓我朝着正確的方向前進。但是我仍然有問題。如果我只是調用php文件打印出所需的值,但點擊「更新字段」鏈接不會做任何事情,除了廣告#到URL的末尾。 – user1548769

+0

與更多修補我通過修改輕微感謝它得到它的工作! 'code' $阿賈克斯({ \t \t網址: 「test.php的」, \t \t成功:功能(數據){// 設置你的輸入字段與數據接收 $('值#serviceTag ').val(data);'code' – user1548769