2012-08-01 77 views
2

我發現了一些這樣的接近答案,但沒有一個在我的情況下工作。我有:通過變量傳遞給php與ajax負載()

  1. 輸入標籤:

    <input name="title" id="title"> 
    
  2. 阿賈克斯:

    <script language="javascript"> 
    function example_ajax_request() { 
    
        $('#example-placeholder').html('<p><img src="/img/ajax-loader.gif" /></p>'); 
    
        setTimeout('example_ajax_request_go()', 0); 
    
    } 
    
    function example_ajax_request_go() { 
    
        $j(document).ready(function() { 
    
         var inputField = $j('#inputText').val(); 
    
         $j(".button").click(function() { 
    
          $('#example-placeholder').load('preview.php?title=' + title + ' .aClass'); 
    
         } 
        </script> 
    
  3. 按鈕來調用該函數:

    <input type="button" onclick="example_ajax_request()" value="Preview" /> 
    

我試圖通過ajax將'標題'var從輸入標記傳遞給'preview.php'。上面的代碼有錯誤,沒有運行,你能建議正確的嗎?謝謝!

回答

0

你還沒有輸入確切的錯誤信息(從你的瀏覽器的控制檯,請把它們放入並更新你的問題)。我只是把過一些建議/改進:

  1. 每當你逝去的GET參數,總是URIEncode值(以url?abc=xyz&blah=valuexyzvalue)。在JavaScript中有一個函數調用EncodeURIComponent(..)。你會使用它想:

    'preview.php?title=' + EncodeURIComponent(title +' .aClass') 
    
  2. 一個可能的拼寫錯誤,你必須在URL中的空格,+ ' .aClass'之前。如果您需要,請用+%20明確替換。

0

找到了一種方法。這裏是:

<script type="text/javascript"> 
function example_ajax_request() { 
$('#example-placeholder').html('<p><img src="img/ajax-loader.gif" /></p>'); 
$('#example-placeholder').load("preview.php?title="+$('#title').val()); 
} 
</script> 

謝謝!