- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试让这个 ajax 方法正常工作,但是由于某种原因,我的成功函数将无法执行,并且我无法从服务器检索信息。如果有人能告诉我我做错了什么,我将不胜感激。我的代码如下。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="jquery3_2_1.js" type="text/javascript"></script>
<script src="Test.js" type="text/javascript"></script>
</head>
<body>
<form class="ajax">
<input type="hidden" name="Item" value="Chicken">
<input type="hidden" name="Price" value="2.99">
<input type="hidden" name="Qty" value="5">
<button type="submit">ADD TO CART</button>
</form>
<div id="response1"></div>
</body>
</html>
我的服务器代码在这里:
<?php
//UpdateCart.php
echo "This is a test.";
?>
这是我的 jquery:
$(document).ready(function(){
$('form.ajax').submit(function(){
alert('Trigger');
$.ajax({
type: "post",
url: "UpdateCart.php",
dataType: "text",
success: function(response){
$('#response1').html('reponse variable equals: '+response);
},
error:function(){
$('#response1').html('in error function');
}
});//end ajax function
});//end submit function
});//end ready function
当我运行代码时,错误函数总是被执行,并且我永远不会到达代码的成功函数 block 。我尝试将 dataType 更改为 html 但是,这不起作用。我用 on 函数替换了提交函数并使用了提交参数,但我仍然无法在成功函数中执行任何代码。但是,当我删除监听提交事件的代码时,我能够达到我的成功功能。但是,我不希望我的程序出现这种行为。我希望能够通过提交事件控制对服务器的请求。当我在浏览器的开发人员控制台中检查网络标记时,我没有从错误函数中返回任何错误,也没有看到任何内容。我什至尝试查看 apache 的访问和错误日志,但是我没有看到任何错误或代码通信的任何迹象。有什么建议吗?
附:感谢所有的建议。只是为了澄清一下,这是我尝试的第一件事。我检查了服务器和浏览器之间传输的流量,但没有看到从服务器返回所请求的信息。我怀疑 ajax 方法一开始并没有发送请求,但是,请求正在发出。我将统一请求标识符从一个代码复制并粘贴到下一个代码,因此我知道它是正确的。我取出了 action 属性,因为我的应用程序使用 html 中的代码提供的统一请求定位器而不是 ajax 方法中的属性提供的 url 来调用服务器。我什至检查了 apache 的访问和错误日志,看看是否可以看到任何可能发生的 http 错误,但是没有迹象表明我的浏览器和服务器之间有任何流量。我尝试使用“event.preventDefault();”但这也不起作用。我在具有提交事件监听器的代码块中使用了该函数;我把它放在代码块的末尾,但它仍然不起作用。我很困惑,不知道自己做错了什么。
最佳答案
使用浏览器开发人员模式,然后查找“网络”选项卡,您可以在其中看到您的方法正在执行的调用以及响应。在那里您将找到导致错误的原因。您需要解决这些问题才能克服您的问题。
关于javascript - ajax方法将不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47889338/
我想了解 Ruby 方法 methods() 是如何工作的。 我尝试使用“ruby 方法”在 Google 上搜索,但这不是我需要的。 我也看过 ruby-doc.org,但我没有找到这种方法。
Test 方法 对指定的字符串执行一个正则表达式搜索,并返回一个 Boolean 值指示是否找到匹配的模式。 object.Test(string) 参数 object 必选项。总是一个
Replace 方法 替换在正则表达式查找中找到的文本。 object.Replace(string1, string2) 参数 object 必选项。总是一个 RegExp 对象的名称。
Raise 方法 生成运行时错误 object.Raise(number, source, description, helpfile, helpcontext) 参数 object 应为
Execute 方法 对指定的字符串执行正则表达式搜索。 object.Execute(string) 参数 object 必选项。总是一个 RegExp 对象的名称。 string
Clear 方法 清除 Err 对象的所有属性设置。 object.Clear object 应为 Err 对象的名称。 说明 在错误处理后,使用 Clear 显式地清除 Err 对象。此
CopyFile 方法 将一个或多个文件从某位置复制到另一位置。 object.CopyFile source, destination[, overwrite] 参数 object 必选
Copy 方法 将指定的文件或文件夹从某位置复制到另一位置。 object.Copy destination[, overwrite] 参数 object 必选项。应为 File 或 F
Close 方法 关闭打开的 TextStream 文件。 object.Close object 应为 TextStream 对象的名称。 说明 下面例子举例说明如何使用 Close 方
BuildPath 方法 向现有路径后添加名称。 object.BuildPath(path, name) 参数 object 必选项。应为 FileSystemObject 对象的名称
GetFolder 方法 返回与指定的路径中某文件夹相应的 Folder 对象。 object.GetFolder(folderspec) 参数 object 必选项。应为 FileSy
GetFileName 方法 返回指定路径(不是指定驱动器路径部分)的最后一个文件或文件夹。 object.GetFileName(pathspec) 参数 object 必选项。应为
GetFile 方法 返回与指定路径中某文件相应的 File 对象。 object.GetFile(filespec) 参数 object 必选项。应为 FileSystemObject
GetExtensionName 方法 返回字符串,该字符串包含路径最后一个组成部分的扩展名。 object.GetExtensionName(path) 参数 object 必选项。应
GetDriveName 方法 返回包含指定路径中驱动器名的字符串。 object.GetDriveName(path) 参数 object 必选项。应为 FileSystemObjec
GetDrive 方法 返回与指定的路径中驱动器相对应的 Drive 对象。 object.GetDrive drivespec 参数 object 必选项。应为 FileSystemO
GetBaseName 方法 返回字符串,其中包含文件的基本名 (不带扩展名), 或者提供的路径说明中的文件夹。 object.GetBaseName(path) 参数 object 必
GetAbsolutePathName 方法 从提供的指定路径中返回完整且含义明确的路径。 object.GetAbsolutePathName(pathspec) 参数 object
FolderExists 方法 如果指定的文件夹存在,则返回 True;否则返回 False。 object.FolderExists(folderspec) 参数 object 必选项
FileExists 方法 如果指定的文件存在返回 True;否则返回 False。 object.FileExists(filespec) 参数 object 必选项。应为 FileS
我是一名优秀的程序员,十分优秀!