javascript - Ajax |使用警报()；其他文件中的函数不起作用-6ren

javascript - Ajax |使用警报()；其他文件中的函数不起作用

转载作者：太空宇宙更新时间：2023-11-04 15:29:05

我正在研究 Ajax，并且仍在学习如何正确使用它。我想知道为什么在 Ajaxalert(); 的一侧有效，但在另一边 - 不行。

这是非常基本的代码:

$('.naudoti_papildus_visiems').click(function() {
    var n;                  

    $.post('/ajax/naudoti_papildus_visiems.php', { status : 1, fermos_id : '<?php echo $id_kurat; ?>', gyvulio_tipas : '<?php echo $type_zagon; ?>' },
    function(data) {
        var typeclick = data.typeclick,
            typeu = data.typeu,
            stil = data.stil,
            stildell = data.stildell;

        $.noty.closeAll();
        if (n) {
            n.setText('<b>' + data.message + '</b>');
            n.setType(typeu);
        } else {
            n = noty({
                text: '<b>' + data.message + '</b>',

                type: typeu,
                dismissQueue: false,
                layout: 'top',
                theme: 'defaultTheme',
                timeout: 3000,
            });
        }
    }, 'json');
});

“naudoti_papildus_visiems.php”内容:

<script>alert(9);</script>

我测试了一件事:使用alert(); Ajax 中的函数，它可以工作:

$('.naudoti_papildus_visiems').click(function() {
var n;                  

$.post('/ajax/naudoti_papildus_visiems.php', { status : 1, fermos_id : '<?php echo $id_kurat; ?>', gyvulio_tipas : '<?php echo $type_zagon; ?>' },
function(data) {
    var typeclick = data.typeclick,
        typeu = data.typeu,
        stil = data.stil,
        stildell = data.stildell;

    alert(9); // works

    $.noty.closeAll();
    if (n) {
        n.setText('<b>' + data.message + '</b>');
        n.setType(typeu);
    } else {
        n = noty({
            text: '<b>' + data.message + '</b>',

            type: typeu,
            dismissQueue: false,
            layout: 'top',
            theme: 'defaultTheme',
            timeout: 3000,
        });
    }
}, 'json');
});

Chrome 控制台未显示任何错误。任何帮助将不胜感激。

loelsonk: 仍然不起作用。我做错了什么吗？

    $('.naudoti_papildus_visiems').click(function() {
    var n;                  

$.ajax({
  url: '/ajax/naudoti_papildus_visiems.php',
  type: 'POST',
  dataType : 'json',
  data: { status : 1, fermos_id : '<?php echo $id_kurat; ?>', gyvulio_tipas : '<?php echo $type_zagon; ?>' },
  success: function(data) {
        var typeclick = data.typeclick,
            typeu = data.typeu,
            stil = data.stil,
            stildell = data.stildell;

        $.noty.closeAll();
        if (n) {
            n.setText('<b>' + data.message + '</b>');
            n.setType(typeu);
        } else {
            n = noty({
                text: '<b>' + data.message + '</b>',

                type: typeu,
                dismissQueue: false,
                layout: 'top',
                theme: 'defaultTheme',
                timeout: 3000,
            });
        }

        $('#data').html(data);
    }
});
});

最佳答案

如果你想执行你提到的js代码<script>alert(9);</script>从您的请求响应将其附加到 #temp容器。

首先创建#temp我们附加响应的容器:

<div id="temp"></div>

而不是 $.post我们使用$.ajax .

$.ajax({
  url: '/ajax/naudoti_papildus_visiems.php',
  type: 'POST',
  data: { status : 1, fermos_id : '<?php echo $id_kurat; ?>', gyvulio_tipas : '<?php echo $type_zagon; ?>' },
  success: function(response) {
    // Do whatever you want here

    // response contains js code to be executed
    // Now your code gets executed
    $('#temp').html(response);
  }
})

<小时/>

编辑:

这是一个小工作示例，向您展示它是如何工作的:

我们有两个文件:

文件 1:index.php

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>title</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
        <style>
            body {
                padding-left: 250px;
            }
            #temp {
                border: 2px solid #000;
                padding: 20px;
                width: 300px;
                min-height: 200px;
            }
        </style>
  </head>
    <body>
        <div>
            <h1>Ajax</h1>
            <button id="button" type="button">Perform ajax</button>

            <div id="temp"></div>
        </div>

        <script>
            $('#button').click(function(e) {
                $.ajax({
                url: '/ajax/naudoti_papildus_visiems.php',
                type: 'POST',
                data: { status : 1, fermos_id : 888, gyvulio_tipas : 'some_type' },
                success: function(response) {
                    // Do whatever you want here

                    // response contains js code to be executed
                    // Now your code gets executed
                    $('#temp').html(response);
                }
                });
            });
        </script>
    </body>
</html>

文件 2:/ajax/naudoti_papildus_visiems.php(文件位于 ajax 目录内)

<?php

echo 'test';
echo '<script>alert(9);</script>';

看看它是如何工作的:

关于javascript - Ajax |使用警报()；其他文件中的函数不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44950397/

文章推荐： css - 边框将滚动条推到视口(viewport)之外

文章推荐： c# - 使用 HTML Agility Pack 或 Regexp 检查开始和结束标签？

文章推荐： html - 如何在 1140 像素的流体响应框架中将 div 居中？

实例分析Try {} Catch{} 作用
今天有小伙伴给我留言问到，try{...}catch(){...}是什么意思？它用来干什么？简单的说他们是用来捕获异常的下面我们通过一个例子来详细讲解下
html - 列表社交媒体链接的 ARIA 作用
我正在努力提高网站的可访问性，但我不知道如何在页脚中标记社交媒体链接列表。这些链接指向我在 facecook、twitter 等上的帐户。我不想用 role="navigation" 标记这些链接，因
java.util.Timer SystemTime 作用？
说现在是 6 点，我有一个 Timer 并在 10 点安排了一个 TimerTask。之后，System DateTime 被其他服务(例如 ntp)调整为 9 点钟。我仍然希望我的 TimerTas
php - 什么是 Doctrine hydration 作用？
就目前而言，这个问题不适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the
python入门:argparse浅析 nargs='+'作用
我就废话不多说了，大家还是直接看代码吧~ ? 1
Maven是什么?Maven的概念+作用+仓库的介绍+常用命令的详解
Maven系列1 1.什么是Maven？ Maven是一个项目管理工具，它包含了一个对象模型。一组标准集合，一个依赖管理系统。和用来运行定义在生命周期阶段中插件目标和逻辑。核心功能 Mav

太空宇宙

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - Ajax |使用警报()；其他文件中的函数不起作用