使用AJAX不带html直接发送html5 textarea<form>

Question

最近我对是否可以直接发送 input/textarea 数据而不包含在 html <form>感到困惑。 我想在网页中，如果我们想从用户那里获取信息然后将文本发送到身份验证服务器，我们必须使用<form>而不管它以哪种方式提交。

但是我论文的匿名审稿人声称可以通过使用 html5 标签“textarea”和 JS AJAX 帖子绕过<html> 。 虽然我做了很多尝试实现他的方式的实验，但都失败了。

我想知道是否真的有某种方法可以在不使用<form>标签的情况下提交用户信息？

谢谢

谢谢大家的回复。

更新：我按照“the_void”的代码将 AJAX 的 url 更改为 ServerSocket（由 Java 实现）。 服务器能够获取 POST 事件，但无法读取 AJAX 的“数据”。 以下是html代码：

HTML

<!DOCTYPE html>
<head>
  <meta charset="utf-8" />
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
  </script>

  <script type="text/javascript">
    $(document).ready(function() {
      $('#submit').click(function() {
        // information to be sent to the server
      
        info = $('#foo').val();
        $.ajax({
          type: 'POST',
          url: 'http://10.0.0.3:8888',
          data: ({ foo: info }),
          // crossDomain: true,
          // dataType: 'json'
        });
        
        return false;
      });
    });
  </script>
</head>
<body>
  <label>Text</label>
  <textarea id="foo"></textarea>

  <button id="submit">Submit via Ajax</button>
</body>
</html>

似乎套接字服务器无法从 AJAX 读取（但它可以从 <form> + <action> 读取）。 有没有办法解决阅读问题？

谢谢

Answer 1

Ajax（Asynchronous Javascript & XML）是一种将数据从客户端异步发送到服务器的方法。 为此，您必须编写代码以使用 Javascript/HTML 在客户端发送数据，并在服务器端使用服务器端语言（例如 PHP）处理接收到的数据。

而且，是的，您不需要<form>标签来这样做。

看看这个例子。

HTML：

<label>Text</label>
<textarea id="foo"></textarea>

<button id="submit">Submit via Ajax</button>

Javascript：

$('#submit').click(function(e) {
    e.preventDefault();

    // information to be sent to the server
    var info = $('#foo').val();

    $.ajax({
        type: "POST",
        url: 'server.php',
        data: {foo: info}
    });
});

服务器端处理程序（PHP）： server.php

<?php 

// information received from the client
$recievedInfo = $_POST['foo'];

// do something with this information

请参阅此供您参考http://api.jquery.com/jquery.ajax/

Answer 2

也许您的审阅者指的是 HTML5 textarea 属性“form”。 它允许 textarea 成为指定表单的一部分，而无需位于表单元素内。 http://www.w3schools.com/tags/att_textarea_form.asp

但一般来说，只要你能识别一个元素，比如一个 textarea，你就可以访问其中的文本并将其发送到服务器，而无需使用 ajax 提交任何表单。 来自 Sable 的评论：
http://api.jquery.com/jquery.post或http://api.jquery.com/jquery.ajax/

Answer 3

是的，您可以将数据提交到服务器而无需将其放入form 。 表单提供了一种更简单的机制，可以将大量数据发送到服务器，而无需开发人员告诉浏览器如何对表单进行编码。

例如：

HTML

JS

var text = $("input[type='text']").val();
$.post("/my/server/url", { userInput : text }, function(data){ /* Success! */});

从技术上讲，这将在没有表单的情况下将数据发布到服务器。

使用AJAX不带html直接发送html5 textarea<form>

问题描述

3 个解决方案

解决方案1
11 已采纳 2014-02-03 23:19:18

解决方案2
2 2014-02-03 22:53:49

解决方案3
0 2014-02-03 22:53:57

使用AJAX不带html直接发送html5 textarea<form>

问题描述

3 个解决方案

解决方案1 11 已采纳 2014-02-03 23:19:18

解决方案2 2 2014-02-03 22:53:49

解决方案3 0 2014-02-03 22:53:57

解决方案1
11 已采纳 2014-02-03 23:19:18

解决方案2
2 2014-02-03 22:53:49

解决方案3
0 2014-02-03 22:53:57