0

当一个人在文本框中输入国家名称并单击按钮时，我正在尝试获取客户列表（姓名和地址）。

这是视图：

<p>
    Enter country name @Html.TextBox("Country")
    <input type="submit" id="GetCustomers" value="Submit"/>
</p>

这是 JSON 调用：

<script type="text/jscript">
    $('#GetCustomers').click(function () {

        //var url = "/Home/CustomerList";
        //var Country = $('#Country').val();
        //$.getJSON(url, { input: Country }, function (data) {

        $.getJSON('/Home/CustomerList/' + $('#Country').val(), function (data) {

            var items = '<table><tr><th>Name</th><th>Address</th></tr>';
            $.each(data, function (i, country) {
                items += "<tr><td>" + country.ContactName + "</td><td>" + country.Address + "</td></tr>";
            });
            items += "</table>";

            $('#rData').html(items);
        });
    })
</script>

这是控制器：

public JsonResult CustomerList(string Id)
{
    var result = from r in db.Customers
                    where r.Country == Id
                    select r;
    return Json(result);
}

我的问题是：

i）当我使用以下

var url = "/Home/CustomerList";

var Country = $('#Country').val();

$.getJSON(url, { input: Country }, function (data) {

它没有将参数传递给 CustomerList 方法，但是以下工作正常

$.getJSON('/Home/CustomerList/' + $('#Country').val(), function (data) {

ii) 当我使用以下 JSON 时

$.getJSON('/Home/CustomerList/' + $('#Country').val(), function (data) {

然后按照 CustomerList 方法

public JsonResult CustomerList(string Id)
{
    var result = from r in db.Customers
                    where r.Country == Id
                    select r;
    return Json(result);
}

当我使用'string Id'时它工作正常，但是当我使用'string country'然后'where r.Country == country'时，不起作用。

iii）这是处理响应的正确方法，不工作

var items = '<table><tr><th>Name</th><th>Address</th></tr>';
$.each(data, function (i, country) {
    items += "<tr><td>" + country.ContactName + "</td><td>" + country.Address + "</td></tr>";
});
items += "</table>";

$('#rData').html(items);

任何帮助表示赞赏。

4

1 回答 1

1

试试这个

 $('#GetCustomers').click(function () {

    //var url = "/Home/CustomerList";
    //var Country = $('#Country').val();
    //$.getJSON(url, { input: Country }, function (data) {

    $.getJSON('/Home/CustomerList/' + $('#Country').val(), function (data) {

        var items = '<table><tr><th>Name</th><th>Address</th></tr>';
        $.each(data, function (i, country) {
            items += "<tr><td>" + country.ContactName + "</td><td>" + country.Address + "</td></tr>";
        });
        items += "</table>";

        $('#rData').html(items);
    },'json');
});

这是文档http://api.jquery.com/jQuery.getJSON/

于 2013-02-11T10:25:02.113 回答