为什么这个简单的jQuery ajax不起作用？
这个简单的jQuery ajax不起作用可能有多种原因。以下是一些常见的可能原因和解决方法：
- 代码错误：检查代码中是否存在语法错误、拼写错误或其他错误。确保所有的语法和函数调用都正确无误。
- 依赖问题：确保已正确引入jQuery库文件，并且在ajax代码之前进行了引入。
- 请求URL错误：检查ajax请求的URL是否正确。确保URL指向正确的后端服务或API。
- 跨域问题：如果ajax请求的URL与当前页面的域名不同，可能会遇到跨域问题。可以通过设置服务器端的CORS（跨域资源共享）来解决跨域问题。
- 请求类型错误：确保使用了正确的请求类型（GET、POST等）。根据后端服务的要求选择合适的请求类型。
- 参数传递错误：检查ajax请求中传递的参数是否正确。确保参数的名称和值都正确无误。
- 异步问题：如果在ajax请求完成之前就对返回的数据进行操作，可能会导致问题。可以使用回调函数或Promise来处理异步请求。
- 后端服务问题：如果以上都没有问题，可能是后端服务出现了错误。可以通过查看后端服务的日志或调试信息来定位问题。
总结起来，解决这个简单的jQuery ajax不起作用的问题需要仔细检查代码、确保依赖正确、处理跨域问题、检查请求参数和类型、处理异步请求以及排除后端服务问题。
相关·内容
因为我的实际例子太大了，所以我举了一个很短的例子：
test1.php
<!DOCTYPE html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> <!--jQuery-->
<body>
<p> What is the first letter of the alphabet?</p>
<button type="button" id=&#
浏览 1提问于2017-08-22得票数 0
回答已采纳
function post_like(){
global $wpdb;
$c = $_POST['next'];
echo $c;
$d = get_the_ID();
$wpdb->insert('wp_likes',
array(
'article_id' => $d,
'user_id' => '1'
)
);
die();
}
我的ajax.js文
浏览 2提问于2018-03-16得票数 0
回答已采纳
2回答
这是我的代码：
这是我的加载代码：
jQuery(function() {
jQuery('.wymeditor').wymeditor();
});
为什么，哦，为什么这个不起作用？！我已经从演示站点复制了代码！
浏览 7提问于2012-10-24得票数 0
回答已采纳
3回答
我必须学习JQuery。以下是他们的教程中的第一个示例：
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
alert("Thanks for visiting!");
浏览 3提问于2009-09-25得票数 0
回答已采纳
我想知道为什么这个代码不起作用。
以下是我所做的：
使用电子邮件和密钥，我得到了一个脚本的路径，这是可行的；
有了这个脚本，我执行ajax请求并访问一个函数- getScriptUrlPersonalizationValue；。
这个函数给我一个值，在这个例子中是一个国家的值：United States；
我想知道为什么jQuery.when和.done函数不会返回country值.
我可以在全球范围内保存它，但是我想学习javaScript，我想输入为什么失败的原因。
我试图对代码进行注释，更好的方法是上面给出的解释.
function getData(key) {
浏览 0提问于2013-10-25得票数 0
回答已采纳
1回答
当然这个问题很愚蠢，我认为它很愚蠢，但是我不知道为什么不在css的这个jquery函数中显示负值，我需要send -15%作为Sure left并且不起作用，如果我把这个值放在内部函数中，这个值可以工作，但是通过函数no，我不能理解这个：
function win(top,width,marginizq)
{
jQuery("#win_background").show(1000);
jQuery("#win_loader").css("margin-top",""+top);
jQuery("#win_loader
浏览 0提问于2018-05-06得票数 0
1回答
我不知道为什么这不起作用，尽管它应该是：
$('#group-tabs').tabs({
iframe: true,
load: function(event, ui) {
$('a', ui.panel).click(function() {
$("#test").load(this.href);
return false;
});
}
});
稍微老一点的版本(jquery 1.8.x和jquery-ui 1.9.x)
浏览 3提问于2013-03-02得票数 0
回答已采纳
我正在做一些练习来练习我的JQuery，但是我无法用它找到解决方案。单击列表时，我只想隐藏第一个元素。
我试过这个：
JS
$(document).ready(function(){
$("li.oculta").click(function(){
$(this).hide();
});
});
<html>
<head>
<style>
p{
background-color: #AA55AA;
}
</style>
<script src="/
浏览 3提问于2016-03-07得票数 2
回答已采纳
4回答
我一直在处理这个应用程序：
gamble.php：
function gamble() {
$chance = rand(1, 100);
if ($chance <= 40) {
echo "win";
} else {
echo "lose";
}
}
gamble();
HTML：
<button type="button" class="btn">Click Me</button>
jQuery：
$(document).rea
浏览 8提问于2015-01-02得票数 1
2回答
我在玩一些JavaScript的学习，这个小代码对我不起作用。如果我取出setTimeout函数，悬停将再次工作。
为什么悬停不起作用？
setTimeout(
function(){
$(".div").css("background","blue");}, 100);
.div{
background:black;
height:50px;
width:50px;
}
.div:hover{
background:red;
}
<script src="https://ajax.googleapis.
浏览 1提问于2016-03-01得票数 1
回答已采纳
3回答
防止重复提交表单
、、、
我有一个表单，其中有一个提交按钮。如果我点击这个提交按钮，那么JSON将通过AJAX发布到will服务：
$("#msform").submit(function (e) {
$.ajax({
url: 'https://example.com/webservice',
type: 'POST',
data: formData1,
crossDomain: true,
dataType: 'json',
jsonpCallba
浏览 28提问于2017-01-25得票数 1
回答已采纳
我发现自己正处于从MS Word创建的剪贴板数据中处理一些不寻常的HTML的位置。
我的问题可以归结为:这是可行的(返回none)：
console.log($('<span style="mso-list:Ignore;display:none"></span>').css('display'))
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
浏览 2提问于2018-02-02得票数 2
3回答
我不知道为什么这不起作用：
$.get("/some/url/", function(event) {
alert('hey');
});
当我单击该按钮时，我可以在Firefox的控制台中看到响应被执行，并且我可以看到它成功了(200 OK)。我还可以看到来自web服务器的响应是正确的..。那么为什么函数调用中的警报不起作用呢？警报在函数调用之外工作。
以下是上下文的整个块：
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type=
浏览 1提问于2016-01-11得票数 0
3回答
当单击按钮时，我想更改段落的颜色。点击按钮，p转到绿色，再次点击，p变成红色……为什么我的代码不起作用？
window.onload = function() {
$('p').css('color', 'rgb(255,0,0)')
$('#button').click(function() {
color = $('p').css('color')
if (color == 'rgb(255,0,0)') {
$('p'
浏览 4提问于2018-01-09得票数 1
回答已采纳
为什么这个不起作用？
<html>
<head>
<title>Learning the basics of canvas</title>
<meta charset="utf-8">
<script type="text/javascript" src="http://ajax.googleapis.com?/ajax/libs/jquery/1/jquery.min.
浏览 0提问于2011-05-05得票数 0
回答已采纳
嘿，伙计们，我无法获取跨域的json数据，下面是我的代码，不起作用
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery.getJSON demo</title>
<style>
img {
height: 100px;
float: left;
}
</style>
<script src="js/jquery
浏览 0提问于2014-05-23得票数 0
为什么这个链接不起作用？
//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
浏览 2提问于2013-03-11得票数 9
回答已采纳
我找了很多。每当有人问起jquery上传文件时，作为答案，他只得到一些jquery插件的链接。有人能告诉我为什么需要插件吗？，为什么简单的ajax在这个上下文中不起作用？
学费比解决办法更好。
浏览 1提问于2011-08-29得票数 1
回答已采纳
2回答
我正在开发一个登录页面，作为一个新手，我开始只使用http构建。到目前为止，一切都在按我预期的方式进行。现在，我正试图严格限制通过https的访问。在我的html头中，我目前有：
<script type="text/javascript" src="/localhost/js/jquery-2.0.2.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
但是，当通过https访问时，
浏览 0提问于2013-06-18得票数 1
回答已采纳
我正在试着让我的网站工作，但似乎有一些恼人的问题。所有的东西都可以在本地机器上运行，但是一旦我上传到服务器上，只有一些页面的jquery插件可以工作，而其他页面却没有，即使我在两个页面上都使用了相同的jquery脚本文件的链接。我来回地更改权限，但没有任何帮助。我甚至不知道为什么会这样。当它不起作用时，这个页面上的jquery就根本不起作用了。
下面是一个工作页面示例：
而不工作的是：
浏览 0提问于2015-05-28得票数 0
4回答
我对jquery click事件有一些奇怪的行为。这是我的代码：
$("#item").on("click",function(){
//do some stuff
$("#item2").click(); // doesn't work!
});
但是当点击#item时，第二次点击就不起作用了。当手动单击item2时，它可以正常工作。当我这样做的时候，我让它工作了：
$("#item").on("click",function(){
//do some stuff
docu
浏览 0提问于2017-09-13得票数 0
当控制台试图加载资产时，我在控制台中得到以下错误：
ActionController::RoutingError (No route matches [GET] "/users/jquery.metisMenu.js")
我在application.html.erb文件中有这样的内容：
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="jquery.metisMenu.js
浏览 5提问于2014-05-28得票数 0
回答已采纳
我不确定为什么下面的方法不起作用。当我试图从超文本标记语言的FirstName文本框中检索文本时，得到一个空白字符串。DIV现在是隐藏的，会有什么不同吗？有什么想法吗？
jQuery：
$.ajax({ url: 'go.aspx?FirstName=' + $("#FirstName").text()});
HTML：
<input name="FirstName" type="text" id="FirstName" style="width:240px;" />
浏览 1提问于2010-02-09得票数 1
回答已采纳
3回答
在jQuery事件中定义的自调用函数不起作用，但为什么？
$('div').on('click', function(){
$('div').text($('div').text() + 1)
(function(){
$('div').text($('div').text() + 0)
})();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js&
浏览 8提问于2017-10-07得票数 4
回答已采纳
遵循最佳实践，使用回调函数并处理最初加载的父级div，我这样做了：
$("#buttons_div").
html('<input type="button" value="Click me" id="button1" />', function() {
$("#buttons_div").
on("click", "#button1", function() {
alert("alert")
});
});
<
浏览 12提问于2017-06-26得票数 2
回答已采纳
这里，为什么jquery closest不能工作？我试过使用find，next，但是不起作用。我只想在最近的html中添加class of li，其中包含children ul。
$(document).ready(function(){
if ($('li').children("ul").length) {
$(this).closest(".submenu").html('+');
}
})
*{
margin:0px;
padding:0px;
}
ul li{
list-style:none;
浏览 0提问于2018-06-25得票数 0
回答已采纳
3回答
在经历了数小时的沮丧之后，我终于找到了导致错误的代码行，但现在我需要知道为什么。
jQuery抛出了这个错误：Uncaught Error: Syntax error, unrecognized expression: .
我对它进行了研究，发现这是一个Sizzle错误，当jQuery找不到被引用的选择器时就会发生这个错误。正如SO上的其他问题所建议的那样，这实际上不是我的jQuery代码中的错误，而是其他地方的错误。
我定义了一个变量作为加载内容的目标元素，并使用PHP动态定义该变量，如下所示：
var $container = $(".<? echo $target ?>
浏览 3提问于2013-02-28得票数 0
5回答
我的HTML文档上有一个按钮，如下所示
<input type = "submit" value = "Manuals and Coaching Tools" class = "col-sm-1" style="white-space:normal;" id = "mac">
我把这个jQuery块放在文档的底部。当点击按钮时，它应该会在div中褪色，并带有id "gold“。
<script src="http://ajax.googleapis.com/ajax/libs/jq
浏览 10提问于2016-10-21得票数 0
回答已采纳
1回答
当将jQuery手机用作网页中用于样式设计的脚本时，
(<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<input type=file>不起作用。有人知道为什么吗？
浏览 6提问于2016-01-21得票数 2
回答已采纳
我想知道为什么$(这)在jQuery ajax调用后不起作用。
我的代码是这样的。
$('.agree').live("click", function(){ // use live for binding of ajax results
var id=($(this).attr('comment_id'));
$.ajax({
type: "POST",
url: "includes/ajax.php?request=agree&id="+id,
浏览 0提问于2009-09-08得票数 3
回答已采纳
3回答
我想要它，以便当一个人按下enter按钮时，它将执行我的功能。
代码如下：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js">
$('textmoney').keydown(function (e){
if(e.keyCode == 13){
moneyFunction();
}
})
</script>
为什么这个不起作用？
浏览 0提问于2015-02-18得票数 0
所以我有以下字符串：
var s = '<span>Some Text</span> Some other Text';
结果应该是一个内容为“某些其他文本”的字符串。
我试过..。
var $s = $(s).not('span');
用remove()，not()等...and了很多其他的东西，但是都不起作用。
有什么建议吗？我可以用正则表达式匹配字符串，但我更喜欢通用的jQuery解决方案。
编辑：
I do not search a search with regex，我只是想知道为什么这个例子不起作用：
浏览 22提问于2012-08-24得票数 25
回答已采纳
2回答
我不明白为什么这个网站的输入值没有变化。我尝试过以下jquery代码：
$('input[type=text].u').val('http://website/');
但它并没有改变，也没有发挥作用：
此外，我试图触发单击按钮，但这也不起作用。
-Thanks
浏览 0提问于2016-11-25得票数 0
回答已采纳
2回答
你知道为什么这个基本的例子不起作用吗？
(function( $ ){
$.fn.testPlugin = function( options ) {
alert('hi');
};
})( jQuery );
$.testPlugin();
浏览 3提问于2013-03-14得票数 2
回答已采纳
我用jQuery来检测什么时候不支持svg，它工作得很好，但是由于某些原因，这个svg不能工作。
我正在尝试用svg的id替换特定的src，以便它的值指向一个.png文件。这将发生在if语句中，用于检查是否不支持svg。
但是，当我在if-语句中放入一个警报并触发它时，它正在工作，但这个jQuery似乎不起作用。
有人知道为什么吗？
$("#svg").attr("src","img/logo.png");
我使用的是jQuery 1.9.0。
这是我在这个站点上的所有JS：
<script type="text/javascrip
浏览 1提问于2013-03-29得票数 0
回答已采纳
1回答
有人能帮我解决一下关于使用jquery ()的问题吗？
为什么这个不起作用？
$(document).ajaxStart($.blockUI({message：“等.”})).ajaxStop($.unblockUI)；
如果我就这么做：
$(document).ajaxStart($.blockUI).ajaxStop($.unblockUI)；
它可以工作，但是我想用我自己的设置覆盖默认消息。这也不起作用：
$.blockUI({消息：“等待.”})；
我已经能够用以下内容覆盖消息：
$.blockUI.defaults.message =“等.”；
但是，如果我在页面中定义了一个
浏览 0提问于2013-01-05得票数 2
回答已采纳
目前我正在学习JS，并且非常熟悉普通的JS，但是JQuery语法对我来说似乎有点奇怪。因此，我在JS上有以下代码，它运行得很好：
let xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
questions = JSON.parse(this.responseText);
loadQuestionsData();
}
};
xhttp.open("GET
浏览 6提问于2017-03-23得票数 2
回答已采纳
1回答
我需要在html页面的一个输入文本字段中设置一个日期，然后在日期设置后调用一个脚本，并将一个新的日期值分配给另一个文本字段。使用第一个日期值计算新日期值。我用$("#id").change()来做这个。但这不像我预料的那样有效。这是我的密码。
<html>
<head>
<title>my file</title>
<meta charset="UTF-8">
<meta name="viewport" content=
浏览 0提问于2014-10-15得票数 0
回答已采纳
jQuery：
$("#min").datepicker({maxDate: 0, changeMonth: true, changeYear: true });
$("#max").datepicker({maxDate: 0, changeMonth: true, changeYear: true });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src=&#
浏览 0提问于2018-01-23得票数 0
为什么这个不起作用，#widget-fin div和# div都没有反应？
jQuery.ajax({
type: "POST",
url: "<?php echo dirname(WP_PLUGIN_URL.'/'.plugin_basename(__FILE__)); ?>/save-route.php",
data: str,
success: cb_success
});
var cb_success = fun
浏览 1提问于2011-06-30得票数 0
回答已采纳
我正在使用这一行代码来包含FlowPlayer.org的插件。
<script type="text/javacript" src="http://cdn.jquerytools.org/1.2.6/jquery.tools.min.js"></script>
但是，它不起作用；下面是未定义的内容：
alert(jQuery().tooltip);
jQuery 包括。
有人知道为什么吗？
浏览 7提问于2011-11-24得票数 2
回答已采纳
2回答
我的HTML如下所示。 <table id="address_datatable" class="table table-bordered table-striped">
<thead>
<tr>
<th></th>
<th>Company Name</th>
<th>Contact Name</th>
<th>Email Address</th
浏览 23提问于2020-07-19得票数 0
我有以下脚本，旨在使用ajax更改收藏夹按钮的外观，以及将数据提交/删除到MySQL表：
$(document).ready(function() {
jQuery("input.before").click(function(){
var $this = $(this);
jQuery.ajax({
url: 'addfav.php',
type: 'POST',
data: {'id': $this.closest("div").attr("
浏览 0提问于2012-08-06得票数 1
回答已采纳
2回答
这是我页面的一部分：
<link href="scripts/jquery-ui.css" rel="stylesheet" />
<link href="scripts/jquery-ui.theme.css" rel="stylesheet" />
<script type="text/jscript" src="scripts/jquery.js"></script>
<script type="text/jscript"
浏览 0提问于2014-08-25得票数 0
回答已采纳
2回答
我有一个webform，在这个webform中，我试图从静态方法访问Panel对象，但无法访问它，我如何从静态方法访问Panel对象。为什么我要尝试从静态访问对象？因为我使用的是JQUERY，它只接受静态方法。
我尝试在Page_Load()中存储会话中的面板，并从静态方法中检索它，但它不起作用。
浏览 1提问于2013-02-04得票数 3
回答已采纳
jquery scrollLeft不起作用。为什么这个代码不能工作？如果div将向左滚动，则背景必须更改。
$(function() {
scrollLeft = $('.page').scrollLeft();
if (scrollLeft > 12) {
$('.main-header').addClass('notleft');
} else {
$('.main-header').addClass('left');
}
});
.page {
width: 60
浏览 2提问于2017-02-17得票数 0
回答已采纳
我有点困惑为什么这个CI Ajax调用不起作用？如果我将$SearchTerm设置为字符串，但它没有收到来自AJAX的“搜索”帖子，我会收到一个响应。代码触发器中是否有我需要更改的设置？谢谢!
jQuery.ajax({
type: "GET",
url: 'home/getAjaxData/',
data: 'search=1',
dataType: "json",
success: function(resp) {
Alert (resp);
浏览 0提问于2013-06-20得票数 0
我有这个函数：
jQuery(document).ready(function ()
{
jQuery('.current-visitors').delay(3000).queue(function ()
{
jQuery(this).addClass('show').delay(1000).queue(function ()
{
jQuery(this).removeClass('show');
});
});
});
所以我试着在3秒后添加一个类，
浏览 0提问于2018-11-16得票数 1
我正在使用jquery来访问Last.FM应用程序接口的一个方法。下面是我的jquery代码：
$.get('http://ws.audioscrobbler.com/2.0/','method=user.getweeklytrackchart&user=rj&api_key=fb04ae401284be24afba0fbc2f4b0efb', function(data,status) {
console.debug("in result method");
console.debug(data
浏览 1提问于2010-07-13得票数 0
回答已采纳
2回答
你好，我想知道为什么不能在输入上应用jQuery UI滑块对象？
对于实现限制，我只能在输入上应用jQuery UI滑块，但这不起作用，如下所示：。有人能告诉我是否可以通过设置额外的CSS类/ jQuery代码在输入上应用它吗？
所以我需要这个：
<input type="number" class="slider" value="0"></input>
为此开展工作：
$(".slider").slider();
浏览 5提问于2016-05-31得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
