$.ajax 不执行来自 PHP 的 jquery 代码 - $.ajax not execute jquery code from php

$.ajax not execute jquery code from php

本文关键字：PHP jquery 代码 ajax 执行 | 更新日期: 2023-09-27

>我正在尝试从ajax调用的php页面执行jquery代码。

更改div.error 的 html

这是代码（如果有更简单的方法，只需告诉/发布）：-no $.load

HTML/jQuery：jquery.js已链接

<input type='text' id='test'>
<div id='error' style='display:inline-block;'>CHANGE HERE</div><bR>
<input type='submit' value='run' id='button'>
<script type='text/javascript'>
$('#button').click(function(){
$.ajax({
    url: "test.php",
    type: "POST",
    data: "test="+ test,
    success: function(jqXHR){
    },
    error: function() {
        alert('error');
    }
});
});
</script>

测试.php

<script type='text/javascript'>
$('#error').html('working');
</script>

您正在使用的test变量似乎没有在任何地方声明。首先尝试硬编码。此外，{key:value}语法是首选，因为它确保在发送到服务器时正确对值进行 url 编码：

data: { test: 'some value' }

如果你想使用一个变量，请确保你已经声明了它：

$('#button').click(function() {
    var test = 'foo bar';
    $.ajax({
        url: 'test.php',
        type: 'POST',
        data: { test: test },
        success: function(data) {
        },
        error: function() {
            alert('error');
        }
    });
});

另外，如果您希望 javascript 在 php 脚本中执行，请删除<script>标签：

$('#error').html('working');

并指定要在$.ajax调用中script的 dataType 参数：

dataType: 'script'

另一种可能性是让test.php脚本简单地返回值：

working

然后在成功回调中刷新 DOM：

success: function(data) {
    $('#error').html(data);
},

test.php内部的 JavaScript 不会运行，因为你从来没有告诉过它。它不会因为你加载它而运行。它需要在 DOM 中才能运行。

试试这个：

$.ajax({
    url: "test.php",
    type: "POST",
    data: "test="+ test,
    success: function(data){
        $(data).filter('script').appendTo('head');
    },
    error: function() {
        alert('error');
    }
});

你的测试.php脚本应该输出你想要显示的内容。

它应该看起来像这样：

echo "<html>";
echo "<div>working</div>";
echo "</html>";

以便它返回一些东西。现在，你只返回javascript。