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

小编典典

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

ajax

最近，我对于是否可以直接发送输入/文本区域数据而不包含在html

中感到困惑。我想在网页上，如果我们想从用户那里获取信息，然后将文本发送到身份验证服务器，则无论使用哪种方式提交，都必须使用。

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

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

谢谢

--------------------------------------------------
-------------------------------------------------- ------

感谢大家的回复。

更新： 我遵循“
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读取（但是可以从 + 读取）。有什么办法可以解决阅读问题？

谢谢

阅读 235

2020-07-26

共1个答案

小编典典

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/

2020-07-26