javascript – 使用AJAX直接发送html5 textarea而不使用html

最近我很困惑是否可以直接发送输入/ textarea数据而不包含在html<形式>.我想在网页上,如果我们想从用户那里获取信息然后将文本发送到认证服务器,我们必须使用<形式>不管它以何种方式提交.

但我的论文的一位匿名审稿人声称< 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() {
//@R_829_4045@ion 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(异步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();

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

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

服务器端处理程序(PHP)：server.PHP

<?PHP 

// @R_829_4045@ion received from the client
$recievedInfo = $_POST['foo'];

// do something with this @R_829_4045@ion

请参阅此参考资料http://api.jquery.com/jquery.ajax/

javascript – 使用AJAX直接发送html5 textarea而不使用html

解决方法

相关推荐