首页 > 编程语言> 文章详细

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

2019-07-15 11:34:37 阅读：139 来源： 互联网

标签：jquery javascript html5 ajax 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() {
//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(异步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();

    // 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/

标签：jquery,javascript,html5,ajax,html
来源： https://codeday.me/bug/20190715/1467477.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

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