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/
| 归档时间: |
|
| 查看次数: |
18460 次 |
| 最近记录: |