Javascript 如何在传单中制作弹出式表单AJAX并在提交时执行功能

我基本上是想做的，在点击每个多边形后，用户会在其中输入一些值，按submit，在php脚本和函数运行后，它会在地图上显示一些标记。我试图让这个表单作为AJAX工作，并在其中执行函数

我以前已经成功地使用ajax创建了一个html表单，但它似乎需要一些工作才能在传单中正常运行

我正在尝试的表单是AJAX

var htmlformGuest = `

    <h2>Search for parking slots</h2>
    <form id="parkform" action="/findPark.php" method="post" >

        Enter the polygon id:<br>
    <input type="number" name="id_P" value="">
        <br>
        Max radius:<br>
    <input type="number" name="Radius" min="50" max="500" value="" placeholder="50">
        <br><b>
        <input type="Submit" value="Submit">
        <input id="form-polygon-id" type="hidden" name="PolygonID">
        <input type="reset">
        </form>
`;

---

感谢您的帮助

它不是很干净，但成功后可以执行

$（'body'）.html（数据）

：

$("#parkform").submit(function(e) {
    e.preventDefault();

    var dataForm = $(this).serialize();
    var url = form.attr('action');

    $.post(
        url,
        dataForm,
        function(data) { // on success
            $('body').html(data);
        }
    );
});

---

因为

数据

是您请求的代码响应，所以它与POST数组值是同一页。

它不是很干净，但您可以在成功时执行

$（'body'）。html（数据）

：

$("#parkform").submit(function(e) {
    e.preventDefault();

    var dataForm = $(this).serialize();
    var url = form.attr('action');

    $.post(
        url,
        dataForm,
        function(data) { // on success
            $('body').html(data);
        }
    );
});

---

因为

数据

是您请求的代码响应，所以它与POST数组值是同一页。

感谢您的输入。不幸的是，它不起作用！看来我需要一些基于文件的传单命令。不太确定。谢谢你的意见。不幸的是，它不起作用！看来我需要一些基于文件的传单命令。不太确定。

$("#parkform").submit(function(e) {
    e.preventDefault();

    var dataForm = $(this).serialize();
    var url = form.attr('action');

    $.post(
        url,
        dataForm,
        function(data) { // on success
            $('body').html(data);
        }
    );
});