javascript - jsonp : Uncaught SyntaxError: Unexpected token <-6ren

javascript - jsonp : Uncaught SyntaxError: Unexpected token <

转载作者：行者123 更新时间：2023-11-28 07:17:54

30

4

我需要加载一个 aspx 页面，该页面使用 jsonp 返回一个文本字符串，因为它是跨域调用。目标页面将加载到 div 标签内，并在源页面上显示为模式窗口。

我正在使用一个测试表单来传递目标页面期望的3个参数，一个提交按钮，非常简单。

当我提交页面时，我收到一条错误消息:Uncaught SyntaxError: Unexpected token <

当我点击错误时，我看到错误指向这一行:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

这是我第一次使用 json/jsonp，我不知道如何修复这个错误。是否可以寻求一些帮助来解决这个问题？

我的调用页面:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>

<script type="text/javascript">
    $(function () {
        $("#dialog").dialog({
            autoOpen: false,
            modal: true,
            title: "Details",
            buttons: {
                Close: function () {
                    $(this).dialog('close');
                }
            }
        });
        $("#btnSubmit").click(function () {
            $.ajax({
                type: "GET",
                dataType: "jsonp",
                crossDomain: true,
                url: "http://localhost:81/order-error.aspx",
                contentType: "application/json; charset=utf-8",
                data: { 'order': $("#order").val(), 'site': $("#site").val(), 'env': $("#env").val() },                    
                success: function (r) {
                    $("#dialog").html(r.d);
                    $("#dialog").dialog("open");
                }
            });
        });
    });
</script>
</head>
<body>
<table>
    <tr>
        <td>Name:</td>
        <td><input type="text" id="order" value="" /></td>
        <td><input type="text" id="site" value="" /></td>
        <td><input type="text" id="env" value="" /></td>
    </tr>
    <tr>
        <td><input type="button" id="btnSubmit" value="Submit" /></td>
    </tr>
</table>
<div id="dialog" style="display: none">
</div>
</body>
</html>

我的目标/响应页面(order-error.aspx):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<style type="text/css">
    body {
        margin: 0;
        padding: 0;
        font-size: 11px;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }
    #content {
        width: 100%;            
        display: inline-block
    }
    .label {
        position:relative;
        float:left;            
        top:0;
        margin-right:5px;
    }
</style>
</head>
<body>
<div id="content">
    <div class="order">
        <div class="label">Web Order#: </div>
        <div id="orderno" runat="server" class="value"></div>
    </div>
    <div class="error">
        <div class="label">Message: </div>
        <div class="value">
            <asp:Label ID="lblOrderError" runat="server" Visible="false"></asp:Label></div>
    </div>
</div>
</body>
</html>

以及背后的代码:

Partial Class order_error
Inherits System.Web.UI.Page

Protected Sub Page_Load(sender As Object, e As EventArgs) Handles Me.Load

    Dim siteKey As String = String.Empty
    Dim orderId As String = String.Empty

    siteKey = Request.QueryString("site").Trim
    orderId = Request.QueryString("order").Trim

    Me.lblOrderError.Text = Functions.GetAXErrorMessage(siteKey, orderId)

    Me.orderno.InnerText = orderId.Trim
    lblOrderError.Visible = True

End Sub
End Class

order-error.aspx的输出html:

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />               
</head>
<body>
<div id="content">
    <div class="order">
        <div class="label">Web Order#: </div>
        <div id="orderno" class="value">A1G759</div>
    </div>
    <div class="error">
        <div class="label">Message: </div>
        <div class="value">
            <span id="lblOrderError"><Fault xmlns="http://schemas.microsoft.com/dynamics/2008/01/documents/Fault">
<Code />
<Reason>
<Text xml:lang="EN-US">User is not authorized for this Endpoint.</Text>
</Reason>
</Fault></span></div>
    </div>
</div>

<!-- Visual Studio Browser Link -->
<script type="application/json" id="__browserLink_initializationData">
{"appName":"Chrome","requestId":"757708942b1d4af892b199f3590d85f5"}
</script>
<script type="text/javascript" src="http://localhost:63737/17a3dfffdc8f48ad9496d260bd296120/browserLink" async="async"></script>   
<!-- End Browser Link -->
</body>
</html>

最佳答案

该错误显然是由您的 AJAX 调用返回 HTML 而不是 JSON 引起的。

在 success 处理程序中，您有 $("#dialog").html(r.d);。在这里，您尝试解析对对象的调用 (r) 的输出(r.d 强制执行此操作)，但由于明显的原因而失败。

您应该从 AJAX 方法返回 JSON，可能使用 HTTP 处理程序或 WebAPI。

关于javascript - jsonp : Uncaught SyntaxError: Unexpected token <，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30649225/

30

4

0

文章推荐： javascript - 更改 EventSouce 事件名称在 asp.net 中不起作用

文章推荐： javascript - PHP Cookie 未通过 AJAX 设置

文章推荐： javascript - 动态加载后的jquery设计

文章推荐： ios - 在 Swift 中编码对象

xpath - 抛出错误 : XDMP-UNEXPECTED: (err:XPST0003) Unexpected token syntax error, unexpected For, expecting Order or Return or Stable
一旦在 qconsole Marklogic 中运行以下代码，我就会遇到以下错误 XDMP-UNEXPECTED: (err:XPST0003) Unexpected token syntax err
python - "Unexpected"类型错误 : unexpected keyword
我已经在我的包中编写了这个函数。 def partitionIntoDays(ls, number, lookupKey=None): ''' Partitions the location
java - 断言错误 : Unexpected schema version 0: Unexpected schema version 0
我只是一个 android 初学者，我已经安装了 Android Studio(版本是 1.0.2)，并创建了一个新的空白应用程序，按照名为“构建你的第一个应用程序”的官方教程，我学习到这个页面' h
ruby-on-rails - 乘客错误 : The application spawner server exited unexpectedly: Unexpected end-of-file detected
这只是前几天工作，但我刚刚将我的代码更新到运行乘客 2.2.4 的审查服务器，而我的 2.3.4 rails 应用程序现在无法在那个盒子上启动。乘客报告: Passenger encountered
javascript - 错误: (SystemJS) Unexpected token < SyntaxError: Unexpected token < at eval () Angular 2
我正在尝试使用带有 Angular 2的整页，将其导入我的 app.module.ts 时出现以下错误。 "(SystemJS) Unexpected token ) at Obje
logging - TFS2015 vNext 构建失败 :MSBUILD : error MSB4017: The build stopped unexpectedly because of an unexpected logger failure
TFS2015 vNext 构建失败并出现记录器错误(下面附有错误消息)。根据我的调查，这看起来与 CentralLogger - "Microsoft.TeamFoundation.Distribu
C程序帮助: Unexpected Output
计算机科学学校项目。我需要编写一个程序，其中用户声明数组的大小，然后以数字、非递减顺序填充数组，然后声明一个值 x。然后将 X 分配到适当的位置，以便整个数组按数字、非递减顺序排列。然后输出该数组。
Java方法参数给出编译错误 "Unexpected bound"
在这 2 个方法中，inspect1 显示编译错误“Unexpected bound”而 inspect2 工作正常，为什么？ public void inspect1(List u){ S
Python连接mysql错误: unexpected indent
已关闭。这个问题是 not reproducible or was caused by typos 。目前不接受答案。这个问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-top
windows - “was unexpected at this time.”
我正在尝试运行以下代码，但遇到了“此时意外”错误。 (echo COPY (SELECT ta.colA as name, ta.colB as user_e, ta.colC as user_n,
MySQL语法错误: unexpected 'unique'
我有以下查询: select u.UserName, count(*) as total from Voting v join User u using (UserID) where unique (
MySQL转换为日期时间语法错误: unexpected IDENT_QUOTED
我们有以下查询在 MSSQL 中完美运行但在 MySQL 中无法运行: select CONVERT(datetime, dateVal) as DateOccurred, itemID, COUNT
Python函数缩进错误: unexpected indent
我的代码中存在缩进错误问题。它看起来是正确的...有人能指出我做错了什么吗？我的查询行不断收到错误。 def invoice_details(myDeliveryID): conn = pym
C++ : Unexpected output
我有以下代码: int a , b , sum; cin>>a>>b; sum=a+b; cout>a>>b>>c; cout<
PHP "unexpected $end"
这个问题不太可能帮助任何 future 的访问者；它只与一个小的地理区域、一个特定的时间点或一个非常狭窄的情况有关，这些情况并不普遍适用于互联网的全局受众。为了帮助使这个问题更广泛地适用，visit
windows - "was unexpected at this time."
我在一个批处理文件上运行这个命令: for %I in (*.txt *.doc) do copy %I c:\test2 ...它不断返回: I was unexpected at this tim
java - "from unexpected"createQuery时
创建查询时出现错误: 'from' unexpected 我的代码如下: @Override public Admin findByAdmin(Admin admin) {
python "unexpected indent"
我正在尝试运行此 python 代码，但我不断收到错误消息“意外缩进”。我不确定怎么了。间距似乎很好。有什么想法吗？ services = ['Service1'] for service in
python循环依赖问题: unexpected error
我在名为“circular_dependency”的目录中有一些 python 文件: 导入文件_1.py: from circular_dependency.import_file_2 import
c++ - 语法错误 : "(" unexpected
我正在尝试使用 gcc 编译代码并运行可执行文件，但它抛出错误: gcc somefile.c -o somefile 编译成功。但是，当我尝试执行它时: $sh somefile 它导致:语法错误:

首页

博学

6Ren·AI

商城

javascript - jsonp : Uncaught SyntaxError: Unexpected token <