php - AJAX 不传输数据-6ren

php - AJAX 不传输数据

转载作者：行者123 更新时间：2023-12-01 06:22:02

24

4

我想将数据从一页传输到另一页。我有 2 个页面:hostSettings.php 和 test.php

好的，这是我的 test.php它包括一个提交按钮和 ajax/jquery 脚本

<html>
  <head>
    <link href="CSS/style.css" type="text/css" rel="stylesheet" />
    <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
    <script>

      $(document).ready(function() {
        $('#button').on('submit', function(e) {
          e.preventDefault();
          var test = "Hallo Welt!";
          $.ajax({
            url: "hostSettings.php",
            type: "POST", 
            data: { test : test },
            success: function (response) {
              console.log("data transmitted: " + response);
            },
            error: function(jqXHR, textStatus, errorThrown) {
              alert("Es ist ein Fehler aufgetreten!\n" + textStatus + "\n" + errorThrown);
              console.log(textStatus, errorThrown);
            }
          }); 

        });
      });
    </script>
  </head>

  <body>
    <font size="4">Test-Site</font>
    <hr>
    <?php include ("menu.html");?><br><br>

    <form method="POST" action="hostSettings.php">
      <input id="button" value="TEST" type="submit">
    </form>
  </body>
</html>

主机设置.php:

    <html>
  <head>
    <link href="CSS/style.css" type="text/css" rel="stylesheet" />
    <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
  </head>

  <body>
    <font size="4">Hosts speichern</font><hr>
    <?php include ("menu.html");?><br><br>
    <br><br><br>

    <p><center>
      <h3>Diese Seite befindet sich momentan im Aufbau..</h3>
      <form action="index.php">
        <input type="submit" value="Zurück zum Index">
      </form>
    </p></center>

    <?php
      if( $_SERVER['REQUEST_METHOD']=='POST' ){
        if(isset($_POST["test"])) {
          echo $_POST["test"];
       }
      }
    ?>

  </body>
</html>

为什么它不将数据从 test.php 传输到 hostSettings.php :(

最佳答案

submit 事件不是为提交按钮设计的。

您需要在表单上触发它。

要么触发form的submit事件，要么触发button的click事件。

更改此:

$('#button').on('submit', function(e) {

致:

$('#button').on('click', function(e) {

和

<input type="submit" value="Zurück zum Index">

致:

<input type="button" value="Zurück zum Index">

关于php - AJAX 不传输数据，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33346173/

24

4

0

文章推荐： Java:结合使用 BufferedReader 和 PrintWriter 会导致问题

文章推荐： java - If Else - Else 在 Java Netbeans 中无法正常工作

文章推荐： python - 如何缓存 Pytorch 模型以供未连接互联网时使用？

gpu - CPU->GPU 传输 vs GPU->CPU 传输
我一直在做一些关于测量数据传输延迟的实验 CPU->GPU 和 GPU->CPU。我发现对于特定消息大小，CPU->GPU 数据传输速率几乎是 GPU->CPU 传输速率的两倍。谁能解释我为什么会这样
ruby-on-rails - Elasticsearch ::传输::传输::错误::未找到:[404]
我将 ElasticSearch 用作我的 Post 模型的 Rails pet 项目应用程序的全文引擎。在我的 posts_controller.rb 索引操作中: def index
Netty 框架学习 —— 传输
概述流经网络的数据总是具有相同的类型：字节，这些字节如何传输主要取决于我们所说的网络传输。用户并不关心传输的细节，只在乎字节是否被可靠地发送和接收如果使用 Java 网络编程，你会发现，某些时候当
共享点:服务器.传输？
我正在编写一些代码，以便将共享点从该页面转移到另一个页面: Server.Transfer("/DefectManagement/DefectList/default.aspx") 但是我遇到了这个问
android - LeakCanary ContentObserver$传输
我有这个泄漏，任何猜测？这个类有一些奇怪的引用。我的代码的任何地方都没有 contentobserver In com.example:1.5.0:27. com.example.ui.record
cuda - 点对点 CUDA 传输
我听说过点对点内存传输并阅读了一些关于它的内容，但无法真正理解与标准 PCI-E 总线传输相比它的速度有多快。我有一个使用多个 GPU 的 CUDA 应用程序，我可能对 P2P 传输感兴趣。我的问题
svn - 传输 FTP 忽略文件
ftping 文件时，Transmit 中是否有忽略或过滤器列表？我希望它忽略上传 .svn 文件等。最佳答案是的。转到首选项并选择 Rules标签。在那里您可以定义要跳过哪些文件的规则。实际上，
c - 动态 DMA 传输
我有以下片段来生成声音，在 while 循环中，我想动态更改它，以便它在声音生成期间创建不同频率的声音。 for(uint16_t i = 0; i < sample_N; i++) { da
delphi - 调试 SOAP 传输
我正在尝试使用 Delphi 2010 和 Indy 对 Web 服务进行概念验证。我此时的代码是: procedure TForm1.Log(const sEvent, sMsg: String);
java - 配置 ActiveMQ 传输
我有一个 ActiveMQ JMS 代理，在端口 61616 上使用默认的 openwire TCP 传输公开。我有许多远程客户端可以绑定(bind)到此代理来监听他们的消息。如果我想打开 kee
mule - 重新连接策略适用于哪些 mule 传输
reconnection strategies文档仅使用 JMS 示例，但是 FTP transport documentation确实说明了重新连接策略的使用，但没有任何细节或示例。进一步，如果你
java - 复选框状态下的 TreeView 传输
我有 2 个 TreeView，第一个填充有项目。 try { CheckBoxTreeItem treeRoot = new CheckBoxTreeItem("Root"); tr
python - Django:传输/访问表单完整错误消息
在我为学校开发的一个网站上，用户输入他们的学校电子邮件和密码，如果他们已注册，则登录。如果没有，则会显示登录的第二部分，要求输入笔名称并确认密码。正因为如此，以及我复杂的业余 Django 编程，我有
c# - 传输 LINQ 数据对象
我正在开发一个 Web 服务，我们在其中使用 LINQ-to-SQL 进行数据库抽象。当客户使用我们的网络服务时，对象被序列化为 XML，一切都很好。现在我们希望开发我们自己的使用本地数据类型的客户
java - 传输 DLList 的字符串时出现问题
我应该创建一个名为“Backwards”的方法，该方法将列表从尾部横向到头部，但是当我运行代码时，它出现说(第 88 行)它找不到光标 = cusor.prev;象征。我需要在循环中再次设置上一个链接
javascript - 传输 TypedArrays 的正确方法？
给定像 Uint8Array 这样的类型化数组，似乎有两种方法可以通过 worker 传输它们。选项 1 直接发送缓冲区并在接收端进行转换: 发件人:postMessage({fooBuffer:
Javascript 数据和 html 传输
在 PHP + jQuery 环境中，我和我的 friend 无法得出最佳解决方案。我们正在使用 Ajax 从数据库中获取数据。解决方案 1 - Ajax 应该只传输数据，而不是 HTML 好处:我
c++ - 传输 std::stringstream
大家好，非常感谢您的宝贵时间。有一个 std::stringstream 需要传输到远程机器。网络库允许我用以下方法构建数据包: CreatePacket( const void * DATA, s
c++ - 传输 libcurl 后损坏的二进制文件
我正在使用 libcurl 通过 FTP 传输二进制文件 (.exe)，并将其保存到本地文件。问题是文件传输后，它已被更改，不再是有效的 Win32 应用程序，因此无法运行。这是我的做法: CURL
javascript - 资源解释为样式表但使用 mime 传输
各位程序员，当我将它上传到我的 FTP 时，我的网站出现此错误:资源被解释为样式表，但使用 MIME 类型文本/纯文本传输 BlahBlahi

首页

博学

6Ren·AI

商城

php - AJAX 不传输数据