PHP 和 JQuery ajax 网址答案

【问题标题】：PHP and JQuery ajax urlPHP 和 JQuery ajax 网址
【发布时间】：2018-05-01 12:02:28
【问题描述】：

我正在使用现成的预订表单源代码，我想根据我们的需要进行一些更改。

我在下面引用重要的源代码，而不是文件的整个源代码。我想在单击按钮后立即执行mysqli_query 以更新数据库上的变量。所以，我正在尝试使用 Jquery 和 AJAX 来实现这一点。

下面的代码显示了一个已定义的按钮Check Availability，它执行 Javascript 代码，我还添加了我的按钮“立即预订”，我还想运行我的代码。请看下面的代码：

<form id="bsSearchForm_<?php echo $_GET['index'];?>" action="<?php echo PJ_INSTALL_URL; ?>index.php?controller=pjFront&amp;action=pjActionCheck" method="post" >
<div class="row ">
      <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 col-xss-12">
           <div class="form-group">
                <label for="address">Pickup Address</label>
                <input type="text" class="form-control" name="pickup" placeholder="Enter a location">
           </div>
      </div>

      <div class="form-group pjBsFormActions">
           <button type="submit" class="btn btn-primary"><?php echo("Check Availability"); ?></button>
           <button type="submit" class="btn btn-primary" onclick="checkClicked()"><?php echo("Book Now"); ?></button>
      </div><!-- /.form-group pjBsFormActions -->
</div>
</form>

现在我在开头的同一个 php 文件中定义了这个源代码：

<script>
function checkClicked() {
    $.ajax({
        url: "test.php",
        type: 'POST',
        dataType: 'html'
    });
}
</script>

所以，我想在test.php 之类的外部php 文件中运行我自己的PHP 源代码，并从“pickup”获取输入字段数据并在数据库上执行mysqli_query。

但是test.php 文件中的代码根本没有执行。我认为问题在于表单操作参数<?php echo PJ_INSTALL_URL; ?>index.php?controller=pjFront&amp;action=pjActionCheck。我怎么能找到这个文件（很多源文件）并把源代码放在那里？

或者我是否必须以不同的方式定义新按钮，这样我才能在任何目录中调用我自己的 PHP 文件？

AJAX URL 参数应该是test.php 文件的相对路径还是绝对路径？我应该在我的目录哪里创建test.php 文件？

请帮我找到一个快速解决我的问题的方法。

【问题讨论】：

标签： javascript php jquery ajax

【解决方案1】：

这个很简单

1.用类似的形式创建一个 html 页面。

    <form id="sample">
//some thing here....
                <input type="submit" class="btn btn-success" name="submit" value="Create" id="sample">
    </form>

2。像这样创建一个Js页面。

//click function
          $("#sample").click(function(event) {
              sample();
          });

//ajax function here
          function sample(){
            $.ajax({
                url: '/path/to/file',
                type: 'GET/POST',
                dataType: 'default: Intelligent Guess (Other values: xml, json, script, or html)',
                data: {
                    param1: 'value1'
                },
                success:function(result){
                    alert(result);

                }
            })
            .done(function() {
                console.log("success");
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });

          }

3.创建一个 php 脚本文件。

在目录中添加实际路径，如果您使用的是本地主机 example: public/script/test.php 那么 ajax 路径是 ../script/test.php强>

4.指向 html 页面的 javascript 链接，如

示例：

<script type="text/javascript" src="sample.js"></script>

【讨论】：

虽然你的解决方案看起来很合乎逻辑.....直到现在它才起作用。点击事件的代码似乎根本没有调用 os 或按钮点击事件与 Javascript 代码不匹配。你确定按钮的声明应该是这样的 ??
是的，这正是我在我的应用程序中使用的
在此处或特定部分发布您的代码，以便我们提供解决方案

【解决方案2】：

您需要在创建表单文件的同一目录中创建 test.php。

【讨论】：

【解决方案3】：

如果您有提交按钮，则表单将使用您定义的操作而不是 onclick 事件提交。为此，您只需将其替换为 <button type="button"

【讨论】：