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

use*_*738 4 html javascript ajax jquery html5

最近我很困惑是否可以直接发送输入/ 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>
Run Code Online (Sandbox Code Playgroud)

似乎套接字服务器无法从AJAX读取(但它可以从<form> + <action>读取).有没有办法解决阅读问题?

谢谢

kab*_*hya 11

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

并且,是的,您不需要<form>标签来这样做.

看看这个例子.

HTML:

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

<button id="submit">Submit via Ajax</button>
Run Code Online (Sandbox Code Playgroud)

使用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}
    });
});
Run Code Online (Sandbox Code Playgroud)

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

<?php 

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

// do something with this information
Run Code Online (Sandbox Code Playgroud)

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