using jquery Model pop data not show on textbox

How to show data in model pop , i also put the break point and check data , data is show and pass but not show on the text box . any expert can you tell me where i am wrong .

<div class="modal-body">
<div class="row">
<div class="col-md-12">
<div class="panel widget">
<div class="panel-body">
<form class="form-horizontal" action="#" role="form">
<div class="panel-heading vd_bg-grey">
<h3 class="panel-title"> <span class="menu-icon"> <i class="fa fa-bar-chart-o">i> span> Products Infoh3>
div>
<br />
<div class="row">
<div class="col-md-4">
<label class="col-xs-3 control-label">Namelabel>
<div class="controls col-xs-9">
<input type="text" placeholder="Product Name" name="" class="input-border-btm" id="PName" >
div>
div>
<div class="col-md-4">
<label class="col-xs-3 control-label">Modellabel>
<div class="controls col-xs-9">
<input type="text" placeholder="Model" name="Model" id="Model" class="input-border-btm" >
div>
div>
div>
div>
div>
div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Closebutton>
<button type="button" class="btn btn-primary" id="btnUpdate" style="display:none;">Updatebutton>
<button type="button" class="btn btn-primary" id="btnSave">Save changesbutton>
div>
form>
div>
div>
div>
div>
div>
div>

Function in Jquery

function GetProductByID(ID)
{
$('#PName').css('border-color', 'lightgrey');
$('#Model').css('border-color', 'lightgrey');
$('#Condition').css('border-color', 'lightgrey');
$.ajax({
url: "/Items/GetProd/" + ID,
typr: "GET",
contentType: "application/json;charset=UTF-8",
dataType: "json",
success: function (result) {
$('#PName').val(result.PName);
$('#Model').val(result.Model);
$('#mproduct').modal('show');
$('#btnUpdate').show();
$('#btnSave').hide();
},
error: function (errormessage) {
alert(errormessage.responseText);
}
});
return false;
}

Jquery Datatable

"text/javascript">
$(document).ready(function () {
mProductList();
});
//Load Data function
function mProductList() {
$("#productlist").DataTable({
"processing": true,
"serverSide": true,
"filter": true,
"orderMulti": false,
"stripeClasses": ['odd-row', 'even-row'],
"ajax": {
"url": "/Items/Product_List",
"type": "POST",
"datatype": "json"
},
"columnDefs":
[{
"targets": [0],
"visible": false,
"searchable": false
}],
"columns": [
{ "data": "ProductID", "name": "ProductID", "autoWidth": true },
{ "data": "PName", "name": "PName", "autoWidth": true },
{ "data": "Model", "name": "Model", "autoWidth": true },
{ "data": "Condition", "name": "Condition", "autoWidth": true },
{ "data": "UnitPrice", "name": "UnitPrice", "autoWidth": true },
{ "data": "Discount", "name": "Discount", "autoWidth": true },
{ "data": "ProductSize", "name": "ProductSize", "autoWidth": true },
{ "data": "ProductColor", "name": "ProductColor", "autoWidth": true },
{ "data": "ProductType", "name": "ProductType", "autoWidth": true },
{ "data": "UnitInStock", "name": "UnitInStock", "autoWidth": true },
{
data: null, render: function (data, type, row) {
return " + row.ProductID + "'); >";
}
},
]
});
}

function

public JsonResult GetProd(int id)
{
ECommercedbEntities db = new ECommercedbEntities();
var productl = (from p in db.Products
where p.ProductID == id
select new
{
PName = p.PName,
PDescription = p.PDescription,
Model = p.Model,
}).FirstOrDefault();
var productD = (from pd in db.ProductDetails
join p in db.Products on pd.ProductID equals p.ProductID
where pd.ProductID == id
select new
{
ProductID = pd.ProductID,
OS = pd.OS,
ProcessorType = pd.ProcessorType,
RAM = pd.RAM,
ScreenSize = pd.ScreenSize,
TouchScreen = pd.TouchScreen,
BatteryLife = pd.BatteryLife,
Camera = pd.Camera
}).ToList();
return Json(new { productl, productD }, JsonRequestBehavior.AllowGet);
//var plist= _IProducts.GetProductByID(id);
}

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Ashutosh Gupta6y ago
i could see the full url issue ' url: "/Items/GetProd/" + ID,
can you give full url here start "https://localhost/....../Items/GetProd/" + ID and check
0
Vishvjit Shinde6y ago
Try to parse the result
Eg:

Var parsedResult = JSON.parse(result)
and inspect once
0
Ravi Patel6y ago
Hi,

Can you share your api respons i mean json structure.
0
Rajanikant Hawaldar6y ago
Hello Zeeshan these articles maight help you
https://www.c-sharpcorner.com/UploadFile/rahul4_saxena/jquery-showing-modal-popup-window/
https://www.c-sharpcorner.com/UploadFile/092589/implementing-modal-pop-up-in-mvc-application/
https://www.c-sharpcorner.com/UploadFile/736ca4/displaying-records-in-model-popup-using-jquery-from-gridview/
0