Javascript 希望JS函数使用ajax运行PHP,然后在页面上输出PHP

Javascript 希望JS函数使用ajax运行PHP,然后在页面上输出PHP,javascript,php,ajax,Javascript,Php,Ajax,我试图让javascript运行一些PHP代码,然后在页面上打印PHP代码的结果。我发现了一些使用ajax实现这一点的代码,并将PHP代码放在一个外部文件中。我发现的代码似乎是在一个“警报”对话框中运行PHP代码,我不知道如何让它在当前页面上显示PHP的输出 我是新来的,所以学习,“成功”功能有警报(响应),所以我知道它为什么做警报;但是我试着让它把它打印在页面上,却无法让它这么做 以下是我的ajax JS: <script type="text/javascript"> var a

我试图让javascript运行一些PHP代码,然后在页面上打印PHP代码的结果。我发现了一些使用ajax实现这一点的代码,并将PHP代码放在一个外部文件中。我发现的代码似乎是在一个“警报”对话框中运行PHP代码,我不知道如何让它在当前页面上显示PHP的输出

我是新来的,所以学习,“成功”功能有警报(响应),所以我知道它为什么做警报;但是我试着让它把它打印在页面上,却无法让它这么做

以下是我的ajax JS:

<script type="text/javascript">
var answer = "gman wants a function to run php";
$.ajax({
type: 'GET',
url: 'http://jba.gtdsites.com/script.php',
data: 'answer=' + answer,
success: function(response) {
    alert(response);
}
});
</script>

var answer=“gman想要一个运行php的函数”;
$.ajax({
键入:“GET”,
网址:'http://jba.gtdsites.com/script.php',
数据:“答案=”+答案,
成功:功能(响应){
警报(响应);
}
});
以下是外部PHP文件(script.PHP):



我读了很多书试图弄明白这一点,但没有把这些点联系起来,也没有取得任何进展;所以我想知道是否有人可以告诉我如何让它只输出页面上的PHP内容,而不是执行警报


非常感谢…

如果您的文档中有一个id为“ajax\u content”的div,只需替换即可

alert(response);


您可以在所需的html元素中附加/替换ajax响应。例如,如果要在其中打印的html元素是:

<div id="div-to-print-ajax-response"></div>

那么您的JS函数如下所示:

<script type="text/javascript">
var answer = "gman wants a function to run php";
$.ajax({
type: 'GET',
url: 'http://jba.gtdsites.com/script.php',
data: 'answer=' + answer,
success: function(response) {
    $('div-to-print-ajax-response').html(response);
}
});
</script>

var answer=“gman想要一个运行php的函数”;
$.ajax({
键入:“GET”,
网址:'http://jba.gtdsites.com/script.php',
数据:“答案=”+答案,
成功:功能(响应){
$('div-to-print-ajax-response').html(response);
}
});

那么您的问题是如何更改页面/DOM中现有元素的内容?jQuery的
append
text
html
或其他任何方法都可以做到这一点@火箭危险品,是的,你说得对$('ajax_content').html(response)或$('ajax_content')。innerHTML=response是一些选项。感谢您的更正。
$('ajax\u content')。innerHTML=response仍然不太正确
.innerHTML
是DOM元素的属性,而不是jQuery对象。您可以执行
$('ajax\u content')。获取(0)
,但与
$('ajax\u content').html(响应)相比,这太傻了。非常感谢TP、NS和RH,他们一直在努力寻找答案,但当添加了#的答案最终奏效时!
<div id="div-to-print-ajax-response"></div>
<script type="text/javascript">
var answer = "gman wants a function to run php";
$.ajax({
type: 'GET',
url: 'http://jba.gtdsites.com/script.php',
data: 'answer=' + answer,
success: function(response) {
    $('div-to-print-ajax-response').html(response);
}
});
</script>