Javascript 将视图内的ajax调用中的数据传递给模型
嗨,我有一个视图,其中包含一个ajax脚本。它们都在一个视图中。当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
<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