Question

我正在向客户端获取数据, 但数据没有在标签中显示吗? 这是在点击标签时发送的 ajax 请求的“ 坚固 > 响应 < / 坚固” 中我得到的 :

HTTP/1.1 200 OK
Server: Apache-Coyote/1.1
Content-Type: application/json;charset=UTF-8
Content-Length: 196
Date: Wed, 23 May 2012 08:57:02 GMT

{
    "footerPkg": {
        "hotelRoomPrice": 1,
        "idHolidayPackage": 1,
        "idHolidayPackageVariant": 1,
        "idOriginCity": 1,
        "itineraryHeader": "Header",
        "miscPrice": 0,
        "name": "name",
        "occupancyType": "TWIN",
        "variantPrice": 10
    }
}

在我的jsp,我用这个来创建标签:

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%-- <%@ taglib prefix="sj" uri="/struts-jquery-tags"%> --%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link
    href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
    rel="stylesheet" type="text/css" />
<script
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script
    src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

<script>
  $(document).ready(function() {
    $("#tabs").tabs({
        ajaxOptions: {
            dataType: "json",
            success : function(data, status) {
                alert(data.footerPkg.name);
            }
        }
    });
  });
  </script>

<title>Hello World!</title>
</head>
<body onload="alert( body load );">

    <div id="tabs">
        <ul>
            <li><a href="getJsonResult.action?idPkg=1">Tab 0</a></li>
            <li><a href="getJsonResult.action?idPkg=1">Tab 1</a></li>
            <li><a href="HelloWorld.jsp">Tab 3</a></li>
        </ul>
    </div>      
</body>
</html>

然而,在标签内容中,我看不到任何内容。即使是简洁文本的主页.jsp 也没有出现在表3中。

这就是它看起来的样子:

"https://i.sstatic.net/qGgMG.png" alt="空标签"/ >

Answer 1

数据返回到您的 ajax 成功方法后, 必须有一个回调函数。回调是必要的, 以便让jquery ui 知道有新数据要处理。

这可能与这一问题重复。

< a href=" "https://stackoverflow.com/ questions/74065/callback-after-aaax-loading-a-tab" > Ajax装载标签后回响

下面是另一个例子,清楚说明需要的负载函数

< a href=" "https://stackoverflow.com/ questions/9336520/how-to-execute-a-callback-content-has-been-loaded- into- a- new" 如何在ajax 内容已装入新添加的jquery ui 标签后执行回调功能

友情链接