未捕获的类型错误：非法调用：模式形式的错误答案

【问题标题】：Uncaught TypeError: Illegal invocation:error with modal form未捕获的类型错误：非法调用：模式形式的错误
【发布时间】：2015-03-15 12:25:43
【问题描述】：

这是我在 stackoverflow 中的第一个问题，在我的 html 页面中，我有一个表格，我想使用模态形式将数据发送到 servlet。但是，我有这个错误：Uncaught TypeError: Illegal invocation。

table.html

<body> 
 <table border="1">
 <tr>
 <th>ID</th>
 <th>NAME</th>
 <th>ACTION</th>
 </tr>
 <tr>
 <td>1</td>
 <td>JHON</td>
 <td><input type="button" value="display" class="d"></td>
 </tr>
 <tr>
 <td>2</td>
 <td>Max</td>
 <td><input type="button" value="display" class="d"></td>
 </tr>
 </table>

<div id="dialog-form">    
    <input type="text" value="" id="id">   
    <input type="text" value="" id="name">  
    </div>
    <div id="res"></div>    

 </body>

test.js

$(".d").click(function(){       
var id =$("#id").attr("value",$(this).parent().prev().prev().text());
var name =$("#name").attr("value",$(this).parent().prev().text());   

$("#dialog-form").dialog({  
  modal: true,  
   buttons: {
    "Send":function () {

   $.post("Controller",{id:id,name:name},function(data){
   $("#res").html(data);

   }) ;
    }

Servlet.java

String name=request.getParameter("name");
String id=request.getParameter("id");
out.println(id +" "+ name);

【问题讨论】：

欢迎来到本站。错误发生在哪里？您是否尝试过使用调试器或任何其他研究？另请参阅How to Ask。
谢谢，我认为错误在js文件中，函数Send

标签： javascript html servlets

【解决方案1】：

我猜你正在尝试修改值并在后端更新它。

var id =$("#id").attr("value",$(this).parent().prev().prev().text());
var name =$("#name").attr("value",$(this).parent().prev().text());

这会将对象分配给变量 id 和 name。你不能用 ajax 发送它们，你也不需要。因此出现错误。

在您的情况下，您需要使用 id 和 name 值更新模式文本框并将它们发送到服务器。另请注意，由于它是一个文本框，因此您需要发送用户可能已更改的更新值。

因此我们进行以下更改。

首先我们在模态框的文本框中设置 id 和 name 值

$("#id").attr("value", $(this).parent().prev().prev().text());
$("#name").attr("value", $(this).parent().prev().text());

然后在 ajax 帖子中，我们发送从文本框中获取的更新值

$.post("Controller", {
    id: $("#id").val(),
    name: $("#name").val()
}, function (data) {
    $("#res").html(data);
});

这是工作代码http://jsfiddle.net/xec61c0m/

【讨论】：