首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Javascript对象有数据,但没有在MVC视图中填充文本框

Javascript对象有数据,但没有在MVC视图中填充文本框
EN

Stack Overflow用户
提问于 2015-08-19 09:22:49
回答 1查看 45关注 0票数 0

我有一个来自控制器的方法,将数据作为json传递,当我遍历javascript时,我看到数据到达了JavaScript对象,但由于某种原因,它没有填充我的文本框。当我在Chrome中调试时,我看到对象中的数据,并且没有抛出错误。

一开始我试着这么做...

代码语言:javascript
复制
    public ActionResult Preferences()
    {
        GetClientResult();
        return View();
    }   

但我认为可能是问题所在,所以我改变了周围的东西,现在看起来是这样的

在我的控制器里我有..

代码语言:javascript
复制
public JsonResult GetClientResult()
    {
        OQOE = new OQOEDAL();

        List<ClientInformation> ClientList = OQOE.GetClientInformation();

        return Json(ClientList, JsonRequestBehavior.AllowGet);
    }

我的javascript文件看起来像这样..

代码语言:javascript
复制
$(document).ready(function () {
    GetClientInformation();
});

    function GetClientInformation() {
    $.ajax({
        type: "GET",
        url: AddClientURLParam.AddGetClientInformationURL,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        success: function (data, textStatus, jqXHR) {
            return DataToGet(data);
        }
    })
}

    function DataToGet(clientInfoData) {
    $("#txtCompanyName").val(clientInfoData[0].customerName);
    $("#txtAddress1").val(clientInfoData[0].address1);
    $("#txtAddress2").val(clientInfoData[0].address2);
    $("#txtCity").val(clientInfoData[0].city);
    $("#txtState").val(clientInfoData[0].state);
    $("#txtZip").val(clientInfoData[0].zip);
    $("#txtEmail").val(clientInfoData[0].email);
    $("#txtContact").val(clientInfoData[0].contactName);
    $("#txtPhone").val(clientInfoData[0].phone);
    $("#txtWorkPhone").val(clientInfoData[0].work);
    $("#txtMobile").val(clientInfoData[0].mobile);
    $("#txtFax").val(clientInfoData[0].fax);
    $("#txtOther").val(clientInfoData[0].other);
}

我的观点是这样的。

代码语言:javascript
复制
    <div class="tab-pane active" id="YourInfo">
    <h4>Please fill out your Information below.</h4>
    <div class="form-group">
        <label for="txtCompanyName" class="control-label col-md-2"><b>Company Name:</b></label>
        <div class="col-md-8">
            <input id="txtCompanyName" type="text" class="form-control max-size" required />
        </div>
    </div>
    <hr />
    <div class="col-md-6">
        <fieldset>
            <legend><h4><b>Address</b></h4></legend>
            <div class="form-group">
                <label for="txtAddress1" class="control-label col-md-2">Address</label>
                <div class="col-md-10">
                    <input id="txtAddress1" type="text" class="form-control max-size" />
                </div>
            </div>
            <div class="form-group">
                <label for="txtAddress2" class="control-label col-md-2">Address2</label>
                <div class="col-md-10">
                    <input id="txtAddress2" type="text" class="form-control max-size" />
                </div>
            </div>
            <div class="form-group">
                <label for="txtCity" class="control-label col-md-2">City</label>
                <div class="col-md-10">
                    <input id="txtCity" type="text" class="form-control max-size" />
                </div>
            </div>
            <div class="form-group">
                <label for="txtState" class="control-label col-md-2">State</label>
                <div class="col-md-4">
                    <input id="txtState" type="text" class="form-control" />
                </div>
                <label for="txtZip" class="control-label col-md-2">Zip/Postal</label>
                <div class="col-md-4">
                    <input id="txtZip" type="text" class="form-control" />
                </div>
            </div>
            <div class="form-group">
                <label for="txtEmail" class="control-label col-md-2">Email</label>
                <div class="col-md-10">
                    <input id="txtEmail" type="text" class="form-control max-size" />
                </div>
            </div>
        </fieldset>
    </div>
    <div class="col-md-6">
        <fieldset>
            <legend><h4><b>Contact</b></h4></legend>
            <div class="form-group">
                <label for="txtContact" class="control-label col-md-2">Contact</label>
                <div class="col-md-10">
                    <input id="txtContact" type="text" class="form-control max-size" />
                </div>
            </div>
            <div class="form-group">
                <label for="txtPhone" class="control-label col-md-2">Phone</label>
                <div class="col-md-10">
                    <input id="txtPhone" type="text" class="form-control max-size" />
                </div>
            </div>
            <div class="form-group">
                <label for="txtWorkPhone" class="control-label col-md-2">Work</label>
                <div class="col-md-10">
                    <input id="txtWorkPhone" type="text" class="form-control max-size" />
                </div>
            </div>
            <div class="form-group">
                <label for="txtFax" class="control-label col-md-2">Fax</label>
                <div class="col-md-10">
                    <input id="txtFax" type="text" class="form-control max-size" />
                </div>
            </div>
            <div class="form-group">
                <label for="txtMobile" class="control-label col-md-2">Mobile</label>
                <div class="col-md-10">
                    <input id="txtMobile" type="text" class="form-control max-size" />
                </div>
            </div>
            <div class="form-group">
                <label for="txtOther" class="control-label col-md-2">Other</label>
                <div class="col-md-10">
                    <input id="txtOther" type="text" class="form-control max-size" />
                </div>
            </div>
        </fieldset>
    </div>
    <div class="form-group">
        <div class="col-md-4 col-md-offset-10">
            <input id="btnSaveClientInfo" type="button" value="Save" class="btn btn-primary" />
            <input id="btnCancelClientInfo" type="button" value="Cancel" class="btn btn-primary" />
        </div>
    </div>
</div>
EN

回答 1

Stack Overflow用户

发布于 2015-08-19 10:15:06

那么,这个问题似乎可以通过从AJAX success处理程序中删除关键字return来解决。在这种情况下,函数DataToGet不会返回任何有意义的内容。它只是填充输入值。所以。我的答案是基于评论和辩论。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/32085074

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档