使用AJAX直接发送html5文本区域而无需html <form>

debugcn 发表于 Dev

用户名

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

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

我想知道是否真的有某种不用<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>读取）。有什么办法可以解决阅读问题？

谢谢

卡比尔拜迪亚

Ajax（异步Java语言和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/

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。

编辑于2021-06-5

我来说两句

0条评论

登录后参与评论

来自分类Dev

Related 相关文章

文章