无法通过jquery使用POST方法发送数据
无法通过jQuery使用POST方法发送数据
基础概念
jQuery是一个快速、小巧且功能丰富的JavaScript库，它简化了HTML文档遍历、事件处理、动画和Ajax交互。使用jQuery的$.ajax()或$.post()方法可以轻松地通过POST方式发送数据到服务器。
相关优势
- 简化代码：jQuery的API设计简洁，减少了开发者编写和维护代码的工作量。
- 跨浏览器兼容性：jQuery处理了不同浏览器之间的差异，使得开发者可以专注于业务逻辑而不是兼容性问题。
- 丰富的插件生态：jQuery拥有庞大的插件生态系统，可以快速实现各种功能。
类型
$.ajax()：一个通用的Ajax方法，可以配置各种参数来发送请求。$.post()：$.ajax()的简化版本，专门用于发送POST请求。
应用场景
- 表单提交：通过AJAX方式提交表单数据，无需刷新页面。
- 数据交互：与服务器进行实时数据交互，更新页面内容。
常见问题及解决方法
问题描述：无法通过jQuery使用POST方法发送数据。
可能原因：
- jQuery库未正确加载：确保在调用jQuery方法之前，jQuery库已经正确加载。
- URL错误：确保请求的URL是正确的，并且服务器能够处理该请求。
- 数据格式错误：确保发送的数据格式正确，通常是JSON或表单数据。
- 服务器端问题：服务器端可能存在配置问题，导致无法正确处理POST请求。
解决方法：
- 检查jQuery库加载： 确保在HTML文件中正确引入了jQuery库。
- 检查jQuery库加载： 确保在HTML文件中正确引入了jQuery库。
- 检查URL： 确保URL是正确的，并且服务器能够处理该请求。
- 检查URL： 确保URL是正确的，并且服务器能够处理该请求。
- 检查数据格式： 确保发送的数据格式正确。
- 检查数据格式： 确保发送的数据格式正确。
- 检查服务器端配置： 确保服务器端能够正确处理POST请求。例如，在Node.js中使用Express框架：
- 检查服务器端配置： 确保服务器端能够正确处理POST请求。例如，在Node.js中使用Express框架：
示例代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery POST Example</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<script>
$(document).ready(function() {
$.post('https://example.com/api/data', {key: 'value'}, function(response) {
console.log(response);
});
});
</script>
</body>
</html>参考链接
通过以上步骤，您应该能够解决无法通过jQuery使用POST方法发送数据的问题。如果问题仍然存在，请检查浏览器控制台和服务器日志以获取更多详细信息。
相关·内容
我有一个index.php格式的表单：
<form action="submit.php" method="post" id="registerSubmit">
<input type="text" name="name" id="name" placeholder="Name">
<button id="submit" type="submit">Submit</button>
<
浏览 31提问于2018-05-28得票数 1
回答已采纳
我有一些向AddComment.php页面发送数据的jQuery。数据是用户id (可以通过会话获得)、项目id和文本形式的评论。
在这种情况下，是否应该通过POST发送所有数据？有没有可能混合使用GET和POST的情况？
浏览 0提问于2011-07-18得票数 3
回答已采纳
2回答
我试图将可变数据发送到我的database.php文件，但是php无法得到它
当我单击具有onlick事件的submit按钮时，Validate()方法可以工作。
下面是我的Validate()函数
function Validate()
{
var frm=jQuery('#AdminForm');
var valid="false";
jQuery.ajax({
type: frm.attr('method'),
浏览 5提问于2015-05-01得票数 1
据我所知，使用ajax可以将数据发送到服务器，但我对使用XMLHttpRequest而不是jQuery之类的库发送数组到post感到困惑。我的问题是，是否可以使用XMLHttpRequest将数组发送到php，以及jQuery如何将数组发送到php，我的意思是，jQuery是否会做任何额外的工作来将数组发送到服务器(php $_POST)？
浏览 5提问于2012-08-24得票数 11
回答已采纳
我编写这篇文章是为了获取表单数据并将其发布到php页面中，然后进行一些处理，然后将结果返回给我，我从我的引导模式表单中获取post数据开始，我发现脚本不能从模式表单中获取值，因为我无法将它上传到某个位置或其他地方。
点击构图；
完成字段
当Send按钮单击时，它期望模态形式向jquery发送一些值( on )，但是从模式输入到ajax和整个$_POST数组发送的任何内容都是空的，发生了什么？
我搜索了很多小时的文档和示例，但是没有找到任何答案，一些示例可以用于引导程序2，而对引导程序3则不起作用。
引导3.3.1，jQuery2.1.1
以下是模态代码：
浏览 1提问于2014-12-23得票数 1
回答已采纳
我正在尝试将表单数据发送到MailChimp，而不重定向到另一个页面。相反，我希望弹出窗口显示“谢谢您的注册！”如何才能做到这一点？我尝试使用JQuery.post()发送数据，但由于JQuery.post()的同源策略，我认为它不起作用。.fail()将会运行，但我无法从其中获得任何错误消息。请帮帮忙。
编辑:添加了下面的代码
$("form.newsletter-signup-form").submit(function(event) {
/* stop form from submitting normally */
event.preventDefaul
浏览 1提问于2013-07-31得票数 0
我尝试通过使用jQuery的速记方法jQuery.post()发送表单数据来将数据发布到源中，但我不能实现与使用jQuery.ajax()的完整蓝图发布相同的结果。
请在下面找到我用于我的调查结果的脚本：
使用$.post()：
jQuery.post(
"/full-path-to-service",
{ cache: false,
data: jQuery(submittingForm).serialize(),
_: jQuery.now() },
null,
"json"
).don
浏览 2提问于2015-07-17得票数 0
我使用WordPress 3.3.1从这一行获取post_id，
<div class="mppt_postid"><b>'.$post_id.'</b></div>
然后使用下面的jQuery脚本在页面加载时使用$_POST‘post_id’和AJAX将post_id号发送回WordPress php文件，然后用php脚本返回的数据替换post_id号，这是另一个数(访问者计数)。下面的jQuery脚本不起作用，我不确定如何触发.post在页面加载时自动发送数据。
jQuery(document).ready(f
浏览 0提问于2012-02-15得票数 0
我正在尝试使用jQuery.post将一些数据从我的jsf页面发送到服务器。我已经把同一页的网址作为处理请求的网址。我可以获得数据，但不能向jQuery.post调用发送回响应。
我的伪代码：
jQuery.post('localhost/mypage.jsf', { data: 'xyz' }, function(res){
console.log(res);
});
我可以在我的处理程序类中获取data变量，但不能发回响应。
有什么建议可以让我做得更好吗？
浏览 1提问于2013-01-08得票数 0
我的代码是一个简单的get和post，通过jQuery AJAX发送到JSON。下面是JSON文件"drinks.json“ [{
"id": 1,
"name": "Will",
"drink": "coffee"
}] 我可以从json文件中读取数据，但在尝试发布数据时，无法将其发送到json文件。下面是我的post请求： $("#add-order").on("click", function () {
var
浏览 28提问于2019-03-05得票数 0
回答已采纳
3回答
我无法将ID发送到PHP以删除该行，而我得到了此错误
TypeError:对不实现接口HTMLButtonElement的对象调用“checkValidity”。
如果我做这个脚本
jQuery(document).on("click",".del_beneficiaries",function(){
var id = jQuery(this);
jQuery.ajax({
type: "POST",
dataType:
浏览 4提问于2016-07-22得票数 0
回答已采纳
我正在尝试找出将post数据发送到Django View函数的最佳方法。
我的jquery代码中当前包含的内容如下所示：
var name = 'Joe';
var age = 20;
$.ajax({
url:"/do_something/",
type: "POST",
data: {name: name, age: age},
success:function(response){},
complete:function(){},
error:function (xhr, textStatu
浏览 0提问于2011-10-13得票数 7
回答已采纳
我使用jQuery的load方法来调用控制器操作。但是，控制器无法序列化对象。
控制器
[HttpPost]
public ActionResult GetInformation(FilterModel[] filters)
{
// do something
}
模型
public class FilterModel
{
public string Field { get; set; }
public string Operator { get; set; }
public string Value { get; set;
浏览 1提问于2017-04-27得票数 0
回答已采纳
3回答
其他人以前也问过这个问题，但我无法使用他们的答案。
我尝试通过执行以下操作来发送一些数据：
function addForumPost() {
var title = jQuery('#forumTitle').val();
var message = htmlEncode(jQuery('#message').htmlarea("toHtmlString"));
var tagNames = addTags();
var dataPost = $
浏览 0提问于2010-09-05得票数 0
回答已采纳
3回答
我试图以JSON的形式发送查询结果，但是当我使用console.log时，它会显示空结果。
PHP代码：
function getCountries($countries){
$sql = mysqli_query($connection, 'SELECT DISTINCT id, type, level, code, name, durations FROM destinations where gateway_code="YBG" ORDER BY name' );
while($row = mysqli_fetch_array($sq
浏览 5提问于2014-06-11得票数 1
3回答
我目前正在使用Spring学习。在开发过程中，我使用了Ajax和jQuery四种不同的表单处理方式。现在，我想知道每种方法的优点和缺点是什么。还有其他的吗？
假设我们有一个非常简单的形式，只有两个输入
<input id="name" type="text" value"Name">
<input id="active" type="checkbox">
<input type="button" onclick="submitForm()">
让我
浏览 5提问于2012-08-24得票数 6
2回答
我使用Ajax (jQuery)和POST方法更新数据库中的数据。我所做的工作如下：
从表单中获取数据: user_id，entry_id，content，.
将它们发送到一个URL，该URL将处理数据。
如果数据有效，我们将把它们记录在数据库中。
我不知道如何验证用户是否从我的网站，而不是从其他地方发送数据。请帮我解决这个问题。谢谢！
浏览 2提问于2009-12-20得票数 3
回答已采纳
我在Jquery中使用Ajax post请求将数据数组传递给flask函数。但是，flask request.form.getlist无法获取此列表，并显示类型错误:列表对象不可调用
我的代码：
@app.route('/DeleteRow', methods=['POST'])
def signUpUser():
if request.method == "POST":
clicked=request.form.getlist('id[]')
print(clicked[0])
ids是发送给Aj
浏览 0提问于2017-11-21得票数 0
我的app.js文件将把数据发送到EJS文件.
app.get('/', function (req, res){
Blog.find({}, function(err, fountItems){
Blog.insertMany(defaultBlog, function(err){
})
}
res.render("home", {
posts: fountItems
});
})
});`
浏览 0提问于2021-06-06得票数 1
2回答
我正在使用django，并试图通过POST检索由jQuery发送的列表。
邮政编码：
$.ajax({
method: 'POST',
url:'/coupons/sideContentCoupons/',
success: function(data){
// access response and retrieve data.
}
});
处理程序：
def sideContentCoupons(request):
response = HttpResponse("", None, 20
浏览 0提问于2011-06-22得票数 0
回答已采纳
2回答
我使用ajax jquery来发送数据到php，因为我从ajax发送了一个url作为字符串的数据，其中包含特殊字符，即"&“，所以我没有得到完整的url，也就是我检索到的数据，直到'&‘，只有rest id被忽略并且不显示。
下面是我的ajax和php代码：
dummytest.php
$temp=$_POST['address'];
echo $temp;
test.html (用于发送数据的ajax)
var send="http//192..../oracle/master.php?result=2&table=1
浏览 3提问于2012-06-16得票数 0
回答已采纳
1回答
我正在使用php路由类来处理http请求，如get、post、delete等。GET和POST没有任何问题(正如预期的那样)，但是当使用Jquery Ajax发送PUT、PATCH、DELETE请求时，数据不会发送到服务器
$.ajax({
url: '/demo',
method: "PATCH", //DELETE or PUT
data: {name: "Ryan", age: 40},
success: function (data, status) {
$('#cont').html(data);
浏览 34提问于2018-06-08得票数 -1
回答已采纳
我有一个php文件，其中用户将填写表单和表单数据将发送到后端的JSON格式的php文件，但我无法检索发送到php文件的JSON数据。
//数据发送中...
$(document).ready(function () {
$('#submit').click(function () {
var name, id, sec, base;
name = $('#name').val();
id = $('#id').val();
浏览 1提问于2014-04-30得票数 0
是否可以将POST数据从JQUery发送到位于另一个域中的服务器？谷歌说这是不可能的(Jquery.ajax()只能通过GET方法发送数据，不能通过POST)，但在新版本的Jquery中它可能成为可能吗？
浏览 0提问于2011-12-20得票数 1
回答已采纳
AJAX：
$(document).ready(function () {
$('.my_button').click(function () {
var data = $(this).val();
//alert(BASE_URL);
$.ajax({
type: "POST",
ContentType: 'application/json',
data: data,
url: BASE_UR
浏览 0提问于2016-01-02得票数 1
如何在Zend Framework应用程序中以自定义方式实现jquery。
附加jquery.js ok
附加脚本ok
将POST数据发送给控制器ok
处理POSTed数据ok
发送'AjaxContext‘给客户端现在ok (谢谢)
我第一次使用jquery，我做错了什么？
浏览 8提问于2009-02-19得票数 3
回答已采纳
3回答
我已经有一段时间没有接触过jQuery了(实际上已经有几年了)，所以请原谅我的无知。
我无法将下面的基本jQuery文章发送到一个PHP中：
<!DOCTYPE html>
<html><body>
<form id="formID">
<input name="name" type="text" id="name">
<input name="email" type="text" id="email"
浏览 6提问于2016-09-08得票数 1
回答已采纳
我有3个php文件：request.php，action.php，mail.php。
request.php生成页面，根据ajax发送的POST数据填充不同的数据。它以表单的形式开始，有多个字段。当您单击submit按钮时，ajax会通过POST将表单数据发送到action.php。然后，action.php处理数据，将其存储在数据库中，并生成一个干净布局数据的html div。然后，action.php使用html2canvas和jsPDF将html div转换为pdf格式，然后通过jquery POST传递给mail.php，并与phpmailer一起通过电子邮件发送。然后，action.
浏览 2提问于2016-02-05得票数 0
3回答
我正试图通过ajax将一个JSON对象发送到同一个页面。在运行我的代码时，ajax函数似乎确实发送了数据，正如我在响应中看到的那样，PHP中的$id被更改为200，但我无法在网页上显示它。我已经包含了jquery.js文件(我不确定是否需要添加另一个js库)。我试着看了很多堆叠溢出的答案，但没能解决我的问题。任何帮助都将不胜感激。
PHP代码：
<?php
if(isset($_POST['area_id'])){
$id = $_POST['area_id'];
echo "A
浏览 10提问于2016-01-11得票数 0
回答已采纳
1回答
我有一个复杂的解决方案，我正试图解决。
我有一个托管在服务器1上的wcf服务(.net 4.0)，服务器1兼容PCI。
服务器2是客户端网站。这个网站有一个信用卡形式托管。它还有一个jquery插件，可以劫持表单post。服务器2与PCI不兼容。
无法将信用卡表单中的数据发布到服务器2。
因此，我试图从jquery插件中调用我的wcf服务(json，json )。我不能在server 2上使用代理，因为这意味着我的post数据会转到服务器上。
因此，表单数据必须从客户端机器直接传递到服务器1，同时完全绕过server2。
我看到了关于在服务器1上使用crossdomain.xml文件的几个帖子
浏览 8提问于2011-01-20得票数 1
回答已采纳
我有一个php注册脚本，它将所有数据作为post请求。我有另一个页面，它使用jQuery ajax将数据发送到脚本。我怎么能确定，请求来自那个页面，而不是一个只会向脚本发送post请求的垃圾邮件发送者。我想可能使用页面或cookie发送的数据中的标记，但这两者都很容易发现。
浏览 0提问于2016-07-25得票数 0
3回答
如何通过ajax请求(POST)不断地向脚本发送数据，并不断地检索结果？我更喜欢jquery方法，但是普通的ajax也不错。我需要发送一个带有页面高度的javascript变量，但显然没有windowReSize事件，那么如何设置它才能使数据不断地被发布和检索？谢谢，很抱歉问了这么糟糕的问题
浏览 1提问于2011-11-12得票数 0
回答已采纳
1回答
这可能是一个菜鸟问题，但我已经摆弄了几个小时了，也找不到解决方案。
我想使用grails发送一个包含表单数据的POST请求，
在jQuery中，下面的1行代码可以像我希望的那样工作：
$.post('<SOME SERVER URI>', {param1: 'p1'}, function(data) {console.log(data);})
但是下面的Grails代码没有：
import static groovyx.net.http.ContentType.JSON
import static groovyx.net.http.Method.
浏览 2提问于2012-02-17得票数 1
回答已采纳
2回答
我只是想知道通过ajax将表单数据发布到PHP脚本的最佳方式是什么。我遵循以下三种方法：
将表单字段分别发布到PHP (在PHP中，按常规方式分别接收它们)
将表单数据转换为JSON编码数据，并在单个POST字段中将其发送给PHP (并将其作为具有JSON编码数据的单个POST变量在PHP中接收)
将表单数据转换为JSON编码数据，并以PHP在$GLOBALS["HTTP_RAW_POST_DATA"]中接收数据的方式将其发送给PHP。
我想问一下，在安全和性能方面，什么是最好的方法？还有其他更好的方法来做这个过程吗？我重复一遍，我是通过jQuery AJA
浏览 4提问于2012-10-23得票数 0
回答已采纳
我知道使用get发送数据，同时使用jquery重新加载页面的一部分。
但我需要在重新加载时使用post发送数据page.Here的一部分是我的代码，用于重新加载页面的一部分
$("#show").fadeOut('slow').load("listusers.php?data"+data).fadeIn('slow');
浏览 2提问于2012-05-11得票数 0
回答已采纳
5回答
我试图将数据从ajax发送到php，但是php没有显示它。两个脚本都在同一个站点上："testpage.php“。
jQuery/Ajax：
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
$("#button").click(function() {
var test =
浏览 11提问于2015-10-13得票数 0
回答已采纳
5回答
我正在尝试使用jQuery AJAX向运行在本地主机上的服务发送POST，但即使在我设置了jQuery.support.cors = true之后，它仍然返回状态代码0。我还可以从我的浏览器成功导航到我的WCF REST服务。这是我的JavaScript的样子：
<script>
jQuery.support.cors = true;
$(document).ready(function(){
$.ajax({
type: "POST",
浏览 0提问于2011-09-19得票数 2
回答已采纳
1回答
post 2变量
、、、
我试图将包含在带有jQuery的2个输入类型文本中的2个变量发布到php页面。我无法检索数据，我不知道自己做错了什么。它只适用于一个变量，只要我放2，它就不工作了。
我的html页面
<html>
<head>
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript"
浏览 0提问于2018-08-08得票数 0
回答已采纳
3回答
我有一个带有输入字段的简单div来插入团队数据的数据。
<div>
<label>Register</label>
<input type="text" name="nt" placeholder="Team Name">
<label>Team</label>
<input type="text" name="n1" placeholder="Steam username&
浏览 5提问于2016-03-04得票数 1
回答已采纳
我不太确定jquery是如何工作的。我想知道一些关于jQuery的GET和POST的事情。
我在我的应用中使用了以下代码：
<script>
function example_ajax_request() {
$('#example-placeholder').html('<p>Loading results ... <img src="ajax-loader.gif" /></p>');
$('#example-placeholder').load("ind.ph
浏览 0提问于2010-04-07得票数 1
1回答
我试图发送post JQuery请求，但我无法在使用Express编写的服务器中获得它们。
现在，我正试图以这种方式发送数据：
客户端
$.post('http://localhost:8080/numberOfAnsweres',{'val': 2})
服务器端
app.post('/numberOfAnsweres',(req,res,next)=>{
numberOfAnwers = req.??????
console.log(numberOfAnwers)
})
我不知道我应该使用req的哪个参数。我也不确定发送方
浏览 0提问于2019-03-31得票数 0
回答已采纳
我使用asp.net webform。但是我很困惑如何在项目之间发送数据呢？
这是sam解决方案中的项目结构。
( UIBSClass(Business类)
我用谷歌搜索这个解决方案，但我没有找到。
是否可以通过jQuery.post()将数据从UI发送到业务类？怎么做呢？
示例将用户名和密码从UI发送到BSClass中的BSClass
非常感谢。
浏览 3提问于2011-02-07得票数 0
2回答
我使用jQuery将文章发布到带有div内容的PHP中。HTML内容包含表、输入、较小的DIV和我想获取主DIV的内容并将其发送到数据库。我能想到的唯一选择是POST方法，但我不知道是否可以用它发送普通的HTML。是否还有其他选项可以将HTML从div发送到要插入到MySQL中的PHP？
谢谢。
编辑：我现在可以发送完整的数据了。但是，我从那个DIV中的HTML字符被转换成特殊的字符。示例：">“将变成">”，当这种情况发生时，我的POST数据仅限于第一个特殊字符出现的位置，因为我这样做ajax帖子：
var data = 'id='+ currid
浏览 8提问于2009-07-03得票数 24
回答已采纳
1回答
我正在尝试使用PrimeNG数据表，它有一些排序和过滤功能。我想要将搜索/过滤数据发送到我的restful api，但我无法决定如何做。
数据为：
{
"event": {
"first": 0,
"rows": 10,
"sortField": "isDone",
"sortOrder": 1,
"filters": {
"title": {
浏览 1提问于2016-11-04得票数 0
在Javascript中，是否必须在使用post方法发送数据时使用setRequestHeader？如果是，它包含哪些内容，我们可以使用object或Array将数据发送到服务器。我多次使用GET和POST方法，但没有在JQuery中使用JQuery。
xmlhttp.open("POST", "ajax_test.asp", true);
xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlhttp.send("
浏览 8提问于2015-05-21得票数 0
回答已采纳
当调用$.post或$.get时，jQuery $.ajaxSetup方法是否不考虑选项散列中的data字段？
例如，我可能有这样的代码：
$.ajaxSetup({ data: { persist: true } });
然后，为了发送POST请求，我将调用以下代码：
$.post("/create/something", { name: "foo" });
我原本期望实际的POST数据如下所示：
{
persist: true,
name: "foo"
}
但$.post发送的唯一数据是{ name: "foo" }。
浏览 0提问于2010-03-30得票数 4
回答已采纳
我设计了一个API，它以参数的形式发送数据，但是改进使我们无法通过post请求发送参数中的数据。是否有办法通过修改后的post请求发送参数中的数据？
浏览 5提问于2022-07-27得票数 0
我最近在使用JQuery和Spring Roo时遇到了一个问题。我想将数据发布到Spring Roo控制器的支持JSON的URL (我认为这不是特别重要，但为了清楚起见，我把它放在那里)。我知道控制器工作得很好，因为我可以通过Curl命令向它发送数据，如下所示：
curl -i -X POST -H "Content-Type:application/json" http://localhost:8080/PeopleProject/people
-d '{"firstName":"some","lastName
浏览 3提问于2012-08-09得票数 0
我编写了一个jquery代码，如下所示：
$('button').click(function(event) {
});
在其中，我放入$.post，并将数据发送到一个php文件，然后返回表行。在每一行，都有一个“添加”按钮。
然后，我为这些按钮编写了另一个jquery代码，如下所示：
$('.row_button').click(function(event) {
});
同样，我放置了$.post并尝试发送有关该行的数据，并希望通过ajax请求获取信息。但它并没有起作用。什么都没发生。我查看了代码，没有错误。
不能在另一个ajax中使用ajax吗？还
浏览 2提问于2012-07-27得票数 0
回答已采纳
我们已经发布了一个json api来在几个域之间共享数据。我们提供了一个回调函数，允许将来自远程站点的任何GETs作为填充的json返回。
获取
返回：？({‘someKey’：‘someData’})
现在，当我们从远程站点获取数据时，所有这些都工作得很好，但是当我尝试向api执行远程jquery POST以获取json数据时，我在Firefox中得到了null返回。我可以将表单从远程站点发送到json API，而不会出现任何问题，并可以获取回json数据。这个问题只出现在jquery帖子中。我想这是一种对跨站点脚本攻击的保护，我并不完全理解。当我在下载jquery POSTing页面的同一
浏览 0提问于2010-06-04得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
