Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/383.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/jpa/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将视图内的ajax调用中的数据传递给模型_Javascript_Ajax_Asp.net Mvc - Fatal编程技术网

Javascript 将视图内的ajax调用中的数据传递给模型

Javascript 将视图内的ajax调用中的数据传递给模型,javascript,ajax,asp.net-mvc,Javascript,Ajax,Asp.net Mvc,嗨,我有一个视图,其中包含一个ajax脚本。它们都在一个视图中。当ajax调用成功时,它将返回一个对象并打开一个模式。如何将对象传递给模态 <script> function PassFormToController() { debugger var orderNumber = document.getElementById('txtOrderNumber').value; var billingPostalCode

嗨,我有一个视图,其中包含一个ajax脚本。它们都在一个视图中。当ajax调用成功时,它将返回一个对象并打开一个模式。如何将对象传递给模态

    <script>
    function PassFormToController() {
        debugger

        var orderNumber = document.getElementById('txtOrderNumber').value;
        var billingPostalCode = document.getElementById('txtBillingNumberPostalCode').value; 

        var url = "/LoginOrderStatus/ModalOrder";

            $.ajax({
                type: "GET",
                contentType: "application/json; charset=utf-8",
                url: url,
                data: { 'orderNumber': orderNumber, 'billingPostalCode': billingPostalCode },
                success: function (data, status, headers, config) {
                    debugger

                    var jdata = JSON.parse(data);             
                    var orderDetailOtherHeader = jdata.odrDetailOtherHdr; //dataToPass
                    var orderDetailHeader = jdata.odrDetailHdr;  //dataToPass
                    var itemList = jdata.odrProductList;  //dataToPass
                    var billingPostalcode = jdata.billingPostalCode;  //dataToPass

                    $("#loginOrderStatusModal").modal('show'); //pass here
                },
                error: function () {
                    debugger
                    alert("failed");
                }
            });        
    }
    </script>

函数PassFormToController(){
调试器
var orderNumber=document.getElementById('txtOrderNumber')。值;
var billingPostalCode=document.getElementById('txtBillingNumberPostalCode')。值;
var url=“/LoginOrderStatus/ModalOrder”;
$.ajax({
键入:“获取”,
contentType:“应用程序/json;字符集=utf-8”,
url:url,
数据:{'orderNumber':orderNumber,'billingPostalCode':billingPostalCode},
成功:函数(数据、状态、标题、配置){
调试器
var jdata=JSON.parse(数据);
var orderDetailOtherHeader=jdata.odrDetailOtherHdr;//dataToPass
var orderDetailHeader=jdata.odrDetailHdr;//dataToPass
var itemList=jdata.odrProductList;//dataToPass
var billingPostalcode=jdata.billingPostalcode;//dataToPass
$(“#loginOrderStatusModal”).modal('show');//在这里传递
},
错误:函数(){
调试器
警报(“失败”);
}
});        
}
试试这个:

   <div class="modal fade" id="loginOrderStatusModal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false" aria-labelledby="myModalLabel" style="display: none;" aria-hidden="true" data-url=''>
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modal-title"></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body" id="modal-body">

                </div>
            </div>
        </div>
    </div>

您的LoginNorderStatusModal是否处于相同的状态page@Ashiquzzaman是的,请分享你的html/视图。下面是我要做的<代码>将数据发布到控制器。让该方法返回一个
PartialView
。访问数据/使用数据做任何事情。在ajax的成功中,您需要做的就是显示部分视图/modalIt不起作用。上面写着[对象]。如果有帮助的话,我要传递的是对象。你们必须从你们的对象中构建字符串并将它传递给模态内容。我不确定你的模型是什么样子,所以这只是个例子。您还可以将模型传递到Razor局部视图,并从模式对话框内的调用进行渲染。
            var jdata = JSON.parse(data);             
            var orderDetailOtherHeader = jdata.odrDetailOtherHdr; //dataToPass
            var orderDetailHeader = jdata.odrDetailHdr;  //dataToPass
            var itemList = jdata.odrProductList;  //dataToPass
            var billingPostalcode = jdata.billingPostalCode;  //dataToPass

            $('#modal-title').text(orderDetailOtherHeader);
            $('#modal-body').text(itemList)
            //plus your other variables

            $("#loginOrderStatusModal").modal('show'); //pass here