jQuery UI 问题。如何将参数传递给函数

Question

我对 jQuery 很陌生。

如何将参数传递给函数？ 我找到了一些 jQueryUI 演示，并且除了“查看”链接之外我都可以使用它。

我在传递参数并在模式弹出窗口中显示它们时遇到问题。

我在页面上有“创建新用户”按钮和“查看”链接。单击“创建新用户”确实会传递参数并在模式弹出窗口中显示它们。 （用户 ID 文本框中的“12345”，用户名文本框中的“John Starks”）

$(function() { 
...  
    //Create New User button 
    $('#create-user') 
        .button() 
        .click( 
            function() { 
                $('#dialog-form').dialog('open'); 
                userId.val('12345'); 
                userName.val('John Starks'); 
            } 
        ); 
}); 

但是，“查看”链接不起作用...单击“查看”链接会弹出模式窗口，文本框中没有值（用户 ID 和用户名）

function doView( idP, nameP )   
{   
     $('#dialog-form2').dialog('open'); 
     userId.val(idP);  
     userName.val(nameP);  
} 

<a href="#" OnClick="doView('001','John Doe');" >view</a> 
... 

如何将参数传递给模态窗口？

提前致谢。

Answer 1

ajax() 方法在jquery docs 中有很好的描述。它只接受一个参数，即设置数组/对象，包括设置的键值对。

文档的一个例子如下：

$.ajax({
  url: 'ajax/test.html',
  success: function(data) {
    $('.result').html(data);
    alert('Load was performed.');
  }
});

源代码中的调用（在最顶部）缺少“url”设置，因此该方法无法知道要查询哪个 url。您可以通过以下方式将 ajax 参数添加到您的调用中（仅作为示例）：

  url: 'ajax/test.php',
  type: "GET",
  data: ({id : idP, name : nameP}),

所有代码都未经测试，但应该稍微澄清一下：-)

编辑：我刚刚看到您正在调用设置了 id 和名称的视图方法，那么为什么要进行 ajax 调用呢？重新获取更多信息？然后就可以使用上面的代码，添加更多的参数了。

如果您只想获取这两个参数并在对话框中显示它们，那么以下内容就足够了（您一开始就已经拥有）：

function doView( idP, nameP ) 
{ 
     $('#dialog-form2').dialog('open');
     userId.val(idP);
     userName.val(nameP);
}

编辑

对于模态对话框，重写doView如下：

function doView( idP, nameP ) 
{ 
     $('#dialog-form2').dialog({ modal: true });
     userId.val(idP);
     userName.val(nameP);
}

和以前一样使用它。