在AJAX调用中将按钮ID传递给控制器

时间:2016-04-04 16:17:43

标签: javascript jquery ajax asp.net-mvc

在我的网页中,我有不同的城市可供选择使用按钮,我想根据按钮ID从我的模型中检索我的数据。由于我每个城市有400多条记录。 如果我点击我的按钮看起来它没有激活我的控制器方法,因为我的ajax调用没有发生

我的HTML代码如下所示:

<table>
    <tr>
        <td id="A"><input   value="A"type="button"  id="btn_a"   onclick="getValues(this)"/> 
        </td>            
    </tr>
    <tr>
        <td id="B"><input value="B"id="btn_b" type="button" onclick="getValues(this)"/> 
        </td>
    </tr>
</table>

myController方法

public JsonResult updateValues(string site)
{
    list<string> dataList = new list<string>;
    Model m = new Model();
    dataList = m.myData(site);
    JavaScriptSerializer jss = new JavaScriptSerializer();
    string output = jss.Serialize(dataList );
    return Json(dataList , JsonRequestBehavior.AllowGet);
}

我的Ajax电话。

<script type="text/javascript">
    function getValues(siteID) {
        var id = siteID.id,
        var data = id.value,
        $.ajax({
            type: "GET",
            url: '@Url.Action("updateValues")',// the method we are calling
            cache: false,
            contentType: "application/json; charset=utf-8",
            data: {"data": data},
            dataType: "json",
            success: function (data) {
                for (var k = 0; k < 630; k++) {
                    document.getElementById(k).innerHTML = data[k];
                }       
            }
        });
      }
</script>

0 个答案:

没有答案