（rails）试图添加AJAX，但ajax返回一个巨大的尝试{..} catch {..}块

Question

我将一些AJAX放入一个rails项目。我正尝试用部分内容刷新div。

page.replace_html("chemicals", :partial => "chemicals", :object => @chemicals) 

但是，这将返回一个巨大的try/catch块，而不是正确地重新渲染部分。任何想法是怎么回事？

的错误是：

try {Element.update("chemicals", "<table>\n <tr>\n <th> name</th>\n <th>Cas</th>\n <th>Amount</th>\n <th>Units</th>\n <th>Vendor</th>\n\t<th>Vendor email</th>\n\t<th>Vendor website</th>\n\t<th>Vendor phone</th>\n </tr>\n\n\n\n <tr>\n <td>HCl</td>\n <td><a href=\"http://chempedia.com/registry_numbers/\"></a></td>\n <td>10</td>\n <td>mL</td>\n <td>Sigma-Aldrich</td>\n\t\n\t<td></td>\n\t<td>http://www.sigmaaldrich.com/sigma-aldrich/home.html</td>\n\t<td>800-325-3010</td>\n\t\n <td><a href=\"/chemicals/28\">Show</a></td>\n <td><a href=\"/chemicals/28/edit\">Edit</a></td>\n <td><a href=\"/chemicals/28\" onclick=\"if (confirm('Are you sure?')) { var f = document.createElement('form'); f.style.display = 'none'; this.parentNode.appendChild(f); f.method = 'POST'; f.action = this.href;var m = document.createElement('input'); m.setAttribute('type', 'hidden'); m.setAttribute('name', '_method'); m.setAttribute('value', 'delete'); f.appendChild(m);var s = document.createElement('input'); s.setAttribute('type', 'hidden'); s.setAttribute('name', 'authenticity_token'); s.setAttribute('value', 'dQYsh4Kz2kIX92HT0Ove43rO+qdz+/y5aozZIcdMWeg='); f.appendChild(s);f.submit(); };return false;\">Destroy</a></td>\n </tr>\n\n</table>"); 
} catch (e) { alert('RJS error:\n\n' + e.toString()); alert('Element.update(\"chemicals\", \"<table>\\n <tr>\\n <th> name</th>\\n <th>Cas</th>\\n <th>Amount</th>\\n <th>Units</th>\\n <th>Vendor</th>\\n\\t<th>Vendor email</th>\\n\\t<th>Vendor website</th>\\n\\t<th>Vendor phone</th>\\n </tr>\\n\\n\\n\\n <tr>\\n <td>HCl</td>\\n <td><a href=\\\"http://chempedia.com/registry_numbers/\\\"></a></td>\\n <td>10</td>\\n <td>mL</td>\\n <td>Sigma-Aldrich</td>\\n\\t\\n\\t<td></td>\\n\\t<td>http://www.sigmaaldrich.com/sigma-aldrich/home.html</td>\\n\\t<td>800-325-3010</td>\\n\\t\\n <td><a href=\\\"/chemicals/28\\\">Show</a></td>\\n <td><a href=\\\"/chemicals/28/edit\\\">Edit</a></td>\\n <td><a href=\\\"/chemicals/28\\\" onclick=\\\"if (confirm(\'Are you sure?\')) { var f = document.createElement(\'form\'); f.style.display = \'none\'; this.parentNode.appendChild(f); f.method = \'POST\'; f.action = this.href;var m = document.createElement(\'input\'); m.setAttribute(\'type\', \'hidden\'); m.setAttribute(\'name\', \'_method\'); m.setAttribute(\'value\', \'delete\'); f.appendChild(m);var s = document.createElement(\'input\'); s.setAttribute(\'type\', \'hidden\'); s.setAttribute(\'name\', \'authenticity_token\'); s.setAttribute(\'value\', \'dQYsh4Kz2kIX92HT0Ove43rO+qdz+/y5aozZIcdMWeg=\'); f.appendChild(s);f.submit(); };return false;\\\">Destroy</a></td>\\n </tr>\\n\\n</table>\");'); throw e } 

当我说回报try/catch块，这是什么东西被显示在浏览器上。

编辑：

问题的一部分可能是而不是重定向到本地主机：3000 /控制器，我开始在按下了删除键，我被重定向到本地主机：3000 /控制器/ id，其中id是我删除的对象的id。任何想法这里发生了什么？

也是，正确删除对象。它只是不会回到正确的页面。这里是我点击的'删除'链接和'删除'的控制器。

<td><%= link_to 'Destroy', chemical, :confirm => 'Are you sure?', :method => :delete %></td> 

和

# DELETE /chemicals/1 
    # DELETE /chemicals/1.xml 
    def destroy 
    @chemical = Chemical.find(params[:id]) 
    @chemical.destroy 
    @chemicals = Chemical.all 
    respond_to do |format| 
     #format.html { redirect_to(chemicals_url) } 
     #format.xml { head :ok } 
     format.js 
    end 
    end 

（我用的脚本由化学品/生成支架化学品）

Answer 1

虽然JavaScript是用来处理POST/PUT/DELETE请求，请求通过的link_to触发仍预计HTML并将响应呈现为收到html。

相反，你应该使用link_to_remote，它知道执行它所接收的任何东西，假设它有Javascript。这将做你所期望的：

<%= link_to_remote 'Destroy', :url => {:id => chemical.id, :action => :destroy}, 
     :confirm => 'Are you sure?', :method => :delete %></td> 

p.S.在生产模式下，返回给浏览器的JavaScript不会被封装在巨大的try块中。