使用"script"dataType处理jQuery ajax错误
在处理 jQuery Ajax 请求时，dataType 属性用于指定服务器响应的数据类型。当使用 dataType:"script" 时，如果服务器返回 JavaScript 代码，jQuery 将其视为脚本资源，并在浏览器上执行。如果服务器返回 JSON 数据，jQuery 将其视为 JSON 数据并自动尝试解析。
使用 "script" dataType 可以处理以下类型的 jQuery Ajax 错误：
- 脚本错误（JavaScript 代码错误）
- 样式表错误（CSS 代码错误）
- JSON 解析错误
- XML 解析错误
优势：
- 当服务器返回 JavaScript 代码时，使用 "script" dataType 可以在浏览器上直接执行，而不需要将代码另存为单独的 JavaScript 文件。这可以加快页面加载速度。
- 可以避免 JSONP（JSON with Padding）攻击，因为 JSONP 依赖 script 标签来执行代码。使用 "script" dataType 可以确保只接受真正的 JavaScript 代码，从而避免攻击。
- 当服务器返回 JSON 数据时，使用 "script" dataType 可以自动尝试解析 JSON 数据，从而避免 JSON 解析错误。
应用场景：
- 当服务器返回 JavaScript 代码时，使用 "script" dataType 可以在浏览器上直接执行，而不需要将代码另存为单独的 JavaScript 文件。这可以加快页面加载速度。
- 可以避免 JSONP（JSON with Padding）攻击，因为 JSONP 依赖 script 标签来执行代码。使用 "script" dataType 可以确保只接受真正的 JavaScript 代码，从而避免攻击。
- 当服务器返回 JSON 数据时，使用 "script" dataType 可以自动尝试解析 JSON 数据，从而避免 JSON 解析错误。
推荐的腾讯云相关产品：
- 腾讯云云开发（Tencent Cloud SDK）：提供了各种语言的 SDK，包括 Node.js、Python、Java、PHP、C++ 等，方便开发者快速接入腾讯云云开发。
- 腾讯云云函数（Serverless Cloud Function）：提供了全托管的云函数服务，支持多种触发方式，可以快速构建、部署和扩展云函数。
- 腾讯云对象存储（Tencent Cloud Object Storage）：提供了高可靠、高可用的对象存储服务，支持多种存储类型，可以快速实现数据的存储和备份。
产品介绍链接：
相关·内容
1回答
我使用一个PHP脚本来生成一些包含javascript (来自jQuery UI的jQuery)的HTML。
PHP脚本是使用jQuery/AJAX从主页调用的。我所有的HTML呈现都没有问题，但是我得到一个控制台错误，上面写着：
Uncaught：$(.).datepicker不是函数
我显然做错了什么，但不是一个Javascript专家。如果我直接调用new s.php，但当我通过jQuery获得它时，代码就会中断。感谢你的帮助！
Main.html：
<script type="text/javascript">
jQuery('input[name=
浏览 4提问于2015-10-20得票数 0
回答已采纳
1回答
嗨，我该如何使警报只发生一次？
$.ajax({
url: '//cdnjs.cloudflare.com/ajax/libs/jquery.appear/0.3.3/jquery.appear.js',
dataType: 'script',
cache: true,
success: function() {
$("#footer").appear();
$("body").on("appear", "#footer", function() {
a
浏览 1提问于2016-03-09得票数 2
回答已采纳
4回答
Ajax表单不工作vs为什么会发生这种情况，以及如何修复我的错误？
view.html-带有表单的代码
不工作
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
</head>
<body>
<form id="parse-form" action="#"
浏览 7提问于2010-07-08得票数 1
回答已采纳
我在jquery 1.7中使用了这个。我一直收到- jQval is undefined错误。
这就是我加载脚本的方式。
$.ajax({
url: "http://ajax.aspnetcdn.com/ajax/mvc/3.0/jquery.validate.unobtrusive.js",
dataType: "script",
cache: true,
success: callback
});
我还尝试直接在head中加载它--同样的错误
<script type="text/javascript"
浏览 1提问于2011-11-24得票数 2
回答已采纳
1回答
我想在WordPress中发送一个AJAX请求来跟踪我的点击。到目前为止，我已经在函数文件中添加了以下内容：
add_action('init', 'my_script_enqueuer');
function my_script_enqueuer() {
wp_register_script("history_script", get_template_directory_uri() . '/js/history_script.js', array('jquery'));
wp_locali
浏览 0提问于2013-05-19得票数 0
6回答
似乎只有当ajax请求能够从服务器获得一些响应时，才会触发成功、错误和完成回调。
因此，如果我关闭服务器，则不会执行以下错误回调，并且请求将静默失败。
$.ajax({
type: "GET",
url: "http://localhost:3000/",
dataType: "script",
success: function() {
alert("success");
},
error: function() {
alert("error");
}
});
当服务器
浏览 0提问于2010-07-02得票数 9
回答已采纳
3回答
我有一个按钮，可以在我的html文件中使用jQuery调用php文件，
<script>
$('#mysubmit').bind('click', function(e){e.preventDefault();
var jqueryXHR = $.ajax({
'type': 'POST',
'url': 'http://localhost/lt/resources/lists/update.php',
浏览 1提问于2015-01-31得票数 2
我正面临着奇怪的问题。
我有："localhost:1111“，它调用另一个项目的另一个url
"localhost:2222/default.aspx“在使用jquery (ajax)的这个(default.aspx)页面后面有wcf服务调用。
当"localhost:2222/default.aspx“直接启动时，它可以工作，wcf方法也可以工作，但是当这个url从另一个项目调用时，我得到了”不允许的方法“错误。我认为这可能是跨域问题，但不确定如何解决它。
Default.aspx
<%@ Page Language="C#" AutoEven
浏览 3提问于2016-05-23得票数 0
1回答
我有一个jquery调用asp.net web服务，但是它不起作用。我有个错误：
isValid被减刑了。
我设置了一个断点，发现代码从未到达web服务。Jquery：
<script src="../jquery-1.7.2.min.js" type="text/javascript"></script>
<script>
function ValidateUserName() {
var isValid;
$.ajax({ type: "POST",
浏览 0提问于2012-04-23得票数 0
回答已采纳
jQuery:如何为$.ajax({dataType:'jsonp'...启用beforeSend？有什么解决方案吗？
<div id="content"></div>
<script>
$.ajax({
type:"GET",
url:'http://lab.laukstein.com/ajax-seo/.json',
dataType:'jsonp',
async:false,
beforeSend:function(data){ //
浏览 2提问于2011-01-12得票数 2
回答已采纳
1回答
当我在Jquery代码的主体中调用Ajax时，它会返回正确的结果，但是当我从函数中调用它时，它会失败。以下是服务器端代码：
<?php
$what = $_POST["what"];
$where = $_POST["where"];
if(isset($what)){
$data = array(
"what" => $what,
"where" => $where,
浏览 1提问于2016-01-25得票数 1
回答已采纳
2回答
我正在尝试将jQuery更改为Vue.js，但在使用vueresource运行Ajax调用时遇到了一些困难。下面是我正在使用的示例脚本，包括jQuery和Vuejs。都试图访问相同的ajax调用。sendAjax方法之所以被调用，是因为前两个警报显示--然后什么也没有显示。
编辑-这只会在通过Wordpress运行Ajax调用时导致错误。在WP之外，它确实可以工作。有什么想法吗？
<!DOCTYPE html>
<html>
<head>
<title>Vue Resource</title>
浏览 4提问于2019-12-01得票数 0
嗨，我正在尝试使用来自一个站点的json数据，但是我无法使用jsonp，不确定是编码错误还是服务错误。
<script>
$(function () {
$("#frmInstrumento").submit(function(event) {
alert("hello");
$.ajax({
url: "https://www.camaradenegocios.com/api/get/",
/
浏览 3提问于2015-08-29得票数 1
回答已采纳
1回答
我是jQuery移动开发方面的新手，我无法从JSON中填充jQuery移动列表视图。我总是收到错误警报。
这是我的代码：
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>list
浏览 2提问于2013-06-20得票数 0
下面是我的代码：
<script src="jquery-1.8.3.js" type="text/javascript">
</script>
<script type="text/javascript">
var obj=[] ;
function getData(){
$.ajax({
url:'jqueryJsonTest.php',
type:'POST',
dataT
浏览 1提问于2013-01-05得票数 0
回答已采纳
2回答
当我将javascript放在HTML文件的顶部时，它将完美无缺地运行。但是，我想通过将javascript放入静态/js文件夹来清理代码，但是当我移动javascript并导入它时(我知道我是从正确的位置导入的)，当我尝试使用任何ajax调用时，我会得到一个403错误。
这样做是可行的：
<script type='text/javascript' src='http://code.jquery.com/jquery-1.8.2.js'></script>
<script>
----------my javascript h
浏览 4提问于2014-05-22得票数 0
回答已采纳
我想使用三种不同的形式(登录，注册，丢失密码)的单一的现在。但是，我不知道如何在wp_localize_script( $handle，$object_name，array() )中使用not。在这里，$handle参数我将使用外部js文件处理程序，在该文件中，我将为三种不同的表单(登录、注册、丢失密码)编写代码，而对于每个表单，我将使用三种不同的当前方式。
这是我的代码：
1 -三个单独的html文件(登录-form.php、寄存器-form.php和lostpassword-form.php)
2 -在我的scripts.js文件中
jQuery(document).ready(func
浏览 0提问于2019-06-17得票数 0
回答已采纳
我正在尝试学习JQuery --我在使用ajax时遇到了一个小问题。我正在尝试使用从页面的XML响应返回的值来填充javascript数组。
这是我的主页(ajax.html)：
<html>
<head>
<script type="text/javascript" src="jquery/jquery.js"></script>
<script type="text/javascript" src="jquery/fiber.js"></script>
&
浏览 2提问于2009-06-09得票数 8
回答已采纳
3回答
PHP警报不显示
、、
我正在尝试将警报显示为测试，但我无法使其工作。在HTML页面上，我有：
<body onload="DBReadNews()">
...code
<script src="jquery.js"></script>
<script src="myJs.js"></script>
Javascript：
function DBReadNews(){
$.ajax({
type: "POST",
url: "newsPhpRead
浏览 4提问于2017-10-26得票数 0
3回答
在AJAX post的成功回调函数中，我尝试调用另一个JS文件中的函数
page1.html包含：
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="js/page2.js&
浏览 2提问于2013-12-04得票数 2
我需要这样做，以便当在框中键入邮政编码并单击submit按钮时，城市的名称就会出现在它下面。当我在放置邮政编码后单击按钮时，就不会显示出城市名称。它说错误是wallOfText不是一个函数，但我不知道如何修复它。任何帮助都将不胜感激！！下面是代码：
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></scrip
浏览 0提问于2018-11-09得票数 1
回答已采纳
5回答
我想在我的代码中获得最后一次ajax调用。
以下是我的代码
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="Scripts/jquery-1.7.1.min.js"></script>
<script>
function getCreateAccount() {
$.ajax({
浏览 3提问于2013-06-06得票数 4
回答已采纳
4回答
我有一个脚本，它读取一个JSON文件，然后用每个元素的name属性填充一个数组。
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script>
var a = [];
var myMethod = function(){
$.ajax({
url : "numbers.json",
dataType : "json",
success : function(da
浏览 7提问于2017-01-10得票数 2
回答已采纳
在第一次单击时，它没有得到响应，但在第二次单击时，它提供了所需的效果
我正在使用多个表单
<form action="" method="" id="formproduct">
<input
type="hidden"
name="id"
class="productid"
value="<?php echo $row['Product_id'];?>"
/>
<butt
浏览 1提问于2016-01-03得票数 1
回答已采纳
1回答
显然，使用jQuery.ajax的JSONP请求并不是真正的异步请求，它只是使用脚本DOM元素方法，向页面添加了一个脚本标记。我从这里发现了：，它声明：
跨域JSONP根本不是AJAX。它不使用XMLHttpRequest。它只不过是一个加载JavaScript代码的动态脚本元素。
然后在页面加载后处理该动态脚本元素(对于JSONP，这意味着回调函数使用来自.ajax调用中指定的url的JSON数据参数执行)。
因此，如果我在HTML网页中有以下代码：
<script>
jQuery(document).ready(function() {
jQue
浏览 6提问于2013-11-22得票数 0
回答已采纳
我不明白为什么在浏览器控制台中看到它是一个错误。
Uncaught：$.ajax不是一个函数，我看到了这条消息
我只发现有人建议它不是这个库的正确版本。但我认为我的版本是正确的。
我的代码
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.js"></script>
<input type="button" id="id_name_task" value="Click" />
<script
浏览 1提问于2018-05-18得票数 0
回答已采纳
3回答
我有一个问题，我的Ajax代码不能通过..就好像函数是空的一样。我单击了提交，但没有任何反应。
我的HTML代码：
<head>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<body>
<form method="POST" i
浏览 0提问于2014-09-25得票数 0
1回答
JQuery触发器未按预期工作
、、、、
我想在document.ready()上使用trigger button，并在触发的按钮事件上执行ajax调用事件。
这就是我想说的：
<script type="text/javascript">
$(document).ready(function () {
$("#btnLoad").trigger("click");
$("#btnLoad").click(function () {
$.ajax({
type: "POST&
浏览 4提问于2012-04-24得票数 0
回答已采纳
1回答
当我访问call.php页面时：
变量名称JSON不能被param.js访问，如下所示：
这是代码：
init.js
$("document").ready(function(){
var data = {
"action": "init"
};
data = $(this).serialize() + "&" + $.param(data);
var json;
$.ajax({
type: "POST",
dat
浏览 0提问于2015-07-26得票数 0
回答已采纳
1回答
我正在尝试使用jQuery ajax来调用PHP并返回JSON。
我的测试很简单，但我得到的似乎只是一个空对象。
我不会在日志文件中得到任何PHP错误。
jqXHR显示为一个带有“警报”的对象，但没有出现在“Chrome”控制台中。
“解压”警报根本没有显示。
我显然错过了什么，或者犯了一些愚蠢的错误，但我看不出我做错了什么。
HTML
<body>
<form id="frmSearch" onsubmit="matchQryString();">
Search: <input type="text" na
浏览 0提问于2015-08-23得票数 0
回答已采纳
我是javascript和jquery的新手。我在这段代码中使用了两个jquery插件。一个是Jquery form validator，另一个是Jquery form ajaxSubmit。使用普通的ajax提交，代码运行良好，但现在我也必须发布一个文件。所以我使用了ajaxSubmit。当我在浏览器控制台上运行它时，我得到了一个错误"TypeError: e.preventDefault不是一个函数“。
请不要将此问题标记为重复问题，因为同一主题的其他问题的答案对我不起作用。
<script type="text/javascript">
$(d
浏览 3提问于2016-03-16得票数 12
回答已采纳
假设我们的jQuery select2插件如下所示：
$(function() {
$('.select2').select2({
minimumInputLength: 1,
ajax: {
dataType: 'json',
cache: true,
url: getUrl,
data: getData,
processResults: getProcessResults
}
});
function getUrl() {
return '
浏览 11提问于2017-01-07得票数 1
回答已采纳
2回答
使用jQuery和JSON有一个奇怪的问题，特别是JSONP。我的目标是简单地获取JSON数据，但最后总是出现以下错误：
未登录的SyntaxError:意想不到的令牌
以下是代码：
<script type="text/javascript">
$(document).ready(function() {
var myurl = "someurl";
$.ajax({
url: myurl,
method: 'GET',
浏览 3提问于2015-08-18得票数 0
回答已采纳
1回答
希望使用关联PHP数组来使用Ajax处理错误消息。
我有5个页面，其中有各种不同的错误信息，但是它们都来自同一个页面(这是一个个人资料页面，有5个页面来编辑客户详细信息的不同方面)。
因此，如果出现错误，它将重定向回中心页面，然后使用jQuery显示错误，成功消息也是如此。
因此，我的数组将如下所示：
$errormsg = array("class"=>"warning", "message"=>"Example error message");
但是，我已经阅读了教程，并看到了类似以下的示例：
jQuery.aj
浏览 0提问于2016-04-26得票数 0
7回答
我想要得到html页面的‘打印值’。
我尝试了下面的查询，但showGetResult()只返回'null value‘
但是我的apache服务器日志打印出来，当我尝试这段代码时，我访问了index.php。
(index.php只需打印helloworld)
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"><\script>
<script type="text/javascript">
fun
浏览 0提问于2012-04-17得票数 3
回答已采纳
2回答
我正在寻找一个简单的例子和/或解释如何使用.ajax的error参数。
这个问题()指向这个我不理解的jQuery文档()。
我有下面的代码不能工作，我不知道为什么。我希望error参数能有所帮助：
jquery：
<script>
// wait for the DOM to be loaded
$(document).ready(function() {
// bind 'myForm' and provide a simple callback function
$("#myForm")
浏览 0提问于2013-04-23得票数 8
回答已采纳
1回答
我试图使用jquery自动完成，但得到一个未定义的函数错误-
html代码和js代码：
$(document).ready(function(){
$("#searchtext").autocomplete({
//source: availableTags, This works.....(static list are working)
source: function (request, response) { // This is not working
$.ajax ({
浏览 1提问于2014-08-03得票数 2
回答已采纳
5回答
<html>
<head>
<title>Testing AJAX</title>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
function init() {
$("#form1").submit(submitForm);
}
f
浏览 1提问于2012-01-30得票数 0
回答已采纳
2回答
我试图显示这个get请求的结果，但是它没有返回任何结果或错误。
即使在测试时，我也尝试过硬编码和附加<li>my job</li>，但这也不起作用。
你有什么想法吗？
这是我的代码：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(function (){
var $jobs = $('#jobs');
$.ajax({
type:
浏览 2提问于2019-10-03得票数 0
回答已采纳
好吧，我到底做错了什么？我正在尝试使用JQuery $.ajax函数从表单中.POST数据并返回json数据。但是每次post数据都是空的。
下面是HTML/JQuery部分
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/redmond/jquery-ui.css">
<script
浏览 0提问于2011-12-30得票数 0
回答已采纳
我正在使用jQuery将一个表单域发布到一个PHP文件中，该文件根据它是否工作而返回1/0……
代码摘录：
$.ajax({
url: "ajax/save_text.php", //Relative?!?
//PHP Script
type: "POST",
//Use post
data: 'test=' + $(this).val(),
datatype: 'text',
//Pass value
cache: false,
//Do no
浏览 67提问于2010-10-15得票数 25
回答已采纳
function tinyurl(){
jQuery.ajax({
url:'http://tinyurl.com/api-create.php?url=http://xxxxxxxxxxx/',
dataType:'script',
success:function(response){
welcomemsg(response.id);
}
});
}
function namie(){
jQuery.ajax({
url:'https://xxxxxx.com/names?user=random,
dataType:'js
浏览 1提问于2013-06-07得票数 0
回答已采纳
3回答
我正在请求具有无效结构的JSON文件：
{}&&{
"result": {
"data": "01",
"id": "02"
}
}
我不能改变JSON。它在外部服务器上。Firebug返回指向&&字符的语法错误。
我应该怎么做才能得到这个无效的JSON？
我的脚本：
<script src="jquery.js"></script>
<script type="text/javas
浏览 1提问于2012-03-11得票数 0
回答已采纳
我在functions.php中创建ajax请求
function my_enqueue() {
wp_enqueue_script( 'ajax-script', get_template_directory_uri() . '/js/script.js', array('jquery') );
wp_localize_script( 'ajax-script', 'cc_ajax_object',
array( 'ajax_url' => admin_ur
浏览 0提问于2020-04-28得票数 0
回答已采纳
2回答
我有以下的JS，但最后一位只能在keyup上运行，我希望这个在页面加载时运行，请你帮助解决这个问题，因为我相信这只是一个快速修复- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script>
jQuery.ajax({
url: "https://geoip-db.com/jsonp",
jsonpCa
浏览 19提问于2020-07-27得票数 0
我试图通过ajax调用替换元素，但错误即将到来，这是我的代码 script.js jQuery(document).on('change','.joinee-filter-month',function(e){
e.preventDefault();
var category=jQuery(this).find('option:selected').val();
console.log(category);
jQuery.ajax({
type : "
浏览 13提问于2021-08-16得票数 0
3回答
我正在尝试循环下面的jQuery代码。每个表单都有一个从#product_1到#product_35的唯一id。我不想copy+paste下面的代码：
$('#product_1').on('submit', function(e) {
e.preventDefault();
var jqxhr = $.ajax({
url: "https://script.google.com/macros/s/SAMPLE/exec",
method: "GET",
dataType: "json
浏览 0提问于2020-02-11得票数 0
1回答
这是html代码..。
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#button").click(function(){
浏览 3提问于2017-01-28得票数 1
回答已采纳
3回答
第一次加载页面时，POST数据数组中将没有任何内容。运行之后，我希望能够使用PHP代码中POST数据中发送的任何变量，以便根据发送的参数查询数据库。我是否需要以某种方式重新加载页面才能做到这一点？
PHP：
if(isset($_POST['boarder'])){
$boarder = $_POST['boarder'];
function boarderCheck($boarder){
echo "<script type ='text/javascript'>alert('$boa
浏览 5提问于2017-03-06得票数 0
回答已采纳
我正在使用jQuery的$.ajax()来获取一些数据。我想在弹出对话框中包含这些数据。我正在使用Twitter Bootstrap popovers。
它不起作用；我认为问题是在数据到达之前就加载了用于弹出的JS。
我该怎么做，比如：
<script src="{{ STATIC_URL }}js/bootstrap-popover.js"></script>
在我的$.ajax()成功函数内部？
var request = $.ajax({
url: requestUrl,
dataType: "jsonp",
浏览 0提问于2012-01-11得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
