从下拉框中的值获取id,发送给控制器,加载数据并重新加载页面
Get id from value in dropdown, send it to controller, load data and reload page
我想显示一个下拉菜单,将id从value参数发送到控制器,然后加载数据并重新加载页面。
想象。你是网页管理员。您拥有所有用户的列表。现在您想要查看特定用户的项目、帖子和评论。你有一个下拉,选择用户和数据将加载他的项目,帖子和评论。现在您希望查看来自另一个用户的数据。和之前一样,您将在下拉菜单中选择另一个用户,数据将重新加载,您将在同一页面上看到他们。
到目前为止,我知道如何制作一个下拉菜单,并获得id的jQuery代码:<%= select_tag "construction_id", options_from_collection_for_select(@constructions, "id", "title"), :onchange => "constructions_dropdown(this.value)", class: "form-control", id: "dropdown_const" %>
HTML是这样的:
<select class="form-control" id="dropdown_const" name="construction_id" onchange="constructions_dropdown(this.value)">
<option value="25">My construction</option>
<option value="26">Another construction</option>
</select>
如果我选择另一个结构,我得到id如下:
function constructions_dropdown(construction_id) {
alert(construction_id)
}
但是现在呢?我还在索引页。也许我应该创建一个form_tag?我该如何发送construction_id到控制器,并确保id不是nil,然后加载数据?因为我认为重载页面应该通过提交表单来完成
如果您使用jQuery,您应该使用jQuery Ajax来获取您想要的信息。从结果中可以重新加载或打印新信息http://api.jquery.com/jquery.ajax/
相关文章:
- 正在等待呈现图表,直到加载数据为止
- ng绑定和ng href问题.ng href未从控制器加载数据
- 单击按钮时加载数据
- 在reactjs组件中预加载数据
- Highcharts可以从服务器加载数据,但不能更新
- AngularJS promise在加载数据之前得到解决
- 在Knockout JS中搜索从DB加载数据的项目
- 如何在angular js中使用$emit后重新加载数据
- 构建多个图表时,HighCharts加载数据的速度较慢
- 加载初始网站后在后台加载数据
- ExtJS网格未从Ext.data.XmlStore加载数据
- 数据表 AJAX 筛选器重新加载数据
- select2 使用 AJAX 加载数据不能选择任何选项
- 在 Metro 风格应用中启动时加载数据
- 需要帮助使用 AJAX 和其他一些东西加载数据
- Vue 不加载数据
- 向右滚动加载数据
- 为SEO的数据绑定JS预加载数据
- mysql循环-预加载数据
- 无法使用JSON加载数据表