使用 ajax load() 将变量传递给 php答案

【问题标题】：pass variables to php with ajax load()使用 ajax load() 将变量传递给 php
【发布时间】：2012-08-01 04:36:12
【问题描述】：

我为此找到了一些接近的答案，但在我的情况下它们都不起作用。我有：

输入标签：
```
  <input name="title" id="title">
```

阿贾克斯：

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

调用函数的按钮：

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

我正在尝试通过 ajax 将输入标签中的 'title' var 传递给 'preview.php'。上面的代码有错误并且没有运行，你能建议纠正一个吗？谢谢！

【问题讨论】：

标签： ajax variables load

【解决方案1】：

您尚未输入确切的错误消息（请从浏览器的控制台输入并更新您的问题）。我只是提出一些建议/改进：

每当您传递 GET 参数时，始终对值进行 URIEncode（url?abc=xyz&blah=value 中的 xyz 和 value）。在javascript中有一个函数调用EncodeURIComponent(..)。你会像这样使用它：
```
'preview.php?title=' +  EncodeURIComponent(title +' .aClass')
```
可能是拼写错误，您的 URL 中有一个空格，位于 + ' .aClass' 之前。如果需要，请明确将其替换为 + 或 %20。

【讨论】：

【解决方案2】：

找到了方法。这里是：

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

谢谢！

【讨论】：