模式对话框未显示正确的信息

Question

这是我的动作脚本

action.js

function showDistrict() { //alert("hello");
    $.ajax({
        url: 'dialog_applet.jsp#dialog-modal-district',
        success: function(msg) {
            document.getElementById("dialog-content-district").innerHTML = msg;
        }
    });
    $(function() {
        $("#dialog:ui-dialog").dialog("destroy");
        $("#dialog-content-district").dialog({
            height: 300,
            width: 350,
            modal: true
        });
    });
    // alert("hello1");
}

function showCity() { //alert("hello");
    $.ajax({
        url: 'dialog_applet.jsp#dialog-modal-city',
        success: function(msg) {
            document.getElementById("dialog-content-city").innerHTML = msg;
        }
    });
    $(function() {
        $("#dialog:ui-dialog").dialog("destroy");
        $("#dialog-content-city").dialog({
            height: 300,
            width: 350,
            modal: true
        });
    });
    // alert("hello1");
}​

这是我的内容脚本，位于 dialog_applet.jsp 内，

<div id="dialog-modal-district">

dialog-modal-district is here
</div>
<div id="dialog-modal-city">
dialog-modal-city is here
/applet>

调用任何一个函数 showDistrict()或showCity()。它显示了

的内容。但是，我想检索已被调用的特定

内容。我的意思是在调用 showDistrict 时，它只会显示 dialog-modal-district is here，但它显示 dialog-modal-district is hereDialog-模态城市在这里

任何帮助表示赞赏！ 提前致谢。 !!

Answer 1

如果我正确地回答了你的问题，我相信在调用函数 showCity() 时，你将得到 ajax 响应作为两个 div 的内部内容，即
对话框模态区和对话框模态城市。这是因为您只是加载 urldialog_applet.jsp#dialog-modal-city，它将返回dialog_applet.jsp 页面的全部内容，而不仅仅是#dialog-modal-city div 内容。

您可以将 div 名称作为参数与 URL 一起传递，根据传递的 URL，您可以生成 ajax 响应。

Answer 2

我现在明白问题所在了。

不幸的是，使用 url dialog_applet.jsp#dialog-modal-district 将完全加载 jsp 页面的内容，而不仅仅是您指定的片段。

您有两种选择来实现您想要的目标。

1. 提取您想要插入到对话框中的实际内容。 ajax 请求将加载完整的 jsp 页面，使用 .find() 方法您可以选择您感兴趣的部分并将其附加到您的对话框中：

   成功：函数（msg）{
       //“msg”是完整的jsp页面
       $(味精)
           //选择你想要的部分
           .find('#dialog-modal-district')
           // 将其附加到您的对话框中
           .appendTo($("#dialog-content-district"));
   }
   

2. 使用 .load() 来自 jQuery 的方法。它的作用是从指定的 url 加载内容，并允许使用类似于您尝试使用的 url 语法自动加载文档片段：

   $("#dialog-content-district")
       .load('dialog_applet.jsp #dialog-modal-district');
   

   注意jsp页面和ID选择器之间的空白，保留它很重要，否则它将无法工作。