javascript+ajax实现产品页面加载信息
内容摘要
js
//加载页面
//加载产品列表
function GetProductList() {
function PostParam(param) {
param.key = "lm324";
return param;
}
var PostExecParam = {
//加载页面
//加载产品列表
function GetProductList() {
function PostParam(param) {
param.key = "lm324";
return param;
}
var PostExecParam = {
文章正文
js
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 | //加载页面 //加载产品列表 function GetProductList() { function PostParam(param) { param.key = "lm324" ; return param; } var PostExecParam = { ClassName: "AnxinE.BLL.Product.ProductInfoBLL" , MethodName: "Search" , ParamModelName: "AnxinE.Model.Product.ProductInfoParam" , onRequest: PostParam, onResponse: function (result) { if (result != null) { var html = "" ; //汇率判断 //<td>" + (result.SupplierProductList[i].ProductList[j].PriceUSD.toString() == '0' ? 1 : result.SupplierProductList[i].ProductList[j].USDPriceList[0].MinQuantity) + ":" + result.SupplierProductList[i].ProductList[j].PriceUSD + "</td> //展示搜索-产品信息列表 for ( var i = 0; i < result.SupplierProductList.length; i++) { for ( var j = 0; j < result.SupplierProductList[i].ProductList.length; j++) { //if (result.SupplierProductList[i].ProductList[j].PriceUSD!=null) { //} html += "<tr><td>" + result.SupplierProductList[i].ProductList[j].Model + "</td><td>" + result.SupplierProductList[i].ProductList[j].Manufacturer + "</td><td>" + (result.SupplierProductList[i].ProductList[j].Quantity) + "</td><td>" + result.SupplierProductList[i].ProductList[j].ShipDays + "</td><td>" + result.SupplierProductList[i].ProductList[j].MinOrderQuantity + "+</td><td>" + result.SupplierProductList[i].ProductList[i].DeliveryPoint + "</td><td>" + result.SupplierProductList[i].ProductList[j].PriceUSD + "</td><td>" + result.SupplierProductList[i].ProductList[j].PriceCNY + "</td><td><a href=''>加入购物车</td></tr><br/>" ; } } //展示搜索--品牌列表 var html2 = "<h2 class='cur1'>全部</h2>" ; if (result.ManufacturerList.length > 0) { for ( var i = 0; i < result.ManufacturerList.length ; i++) { if (result.ManufacturerList[i].KeyName != null) { if (i < 5) { html2 += "<h2 href='javascript:void(0);' id='" + result.ManufacturerList[i].KeyName + "' onclick='Trademark(this)' >" + result.ManufacturerList[i].KeyName + "</h2>" ; } } } //<a href="javascript:void(0);" id="regain_r2">收回</a> html2 += "<a href='javascript:void(0);' id='more_r2' onclick='More_r2()'>更多+</a>" ; } //不删除第一个内容,将产品信息表追加 $( "#r2_text2" ).not($( ".cur1" )). empty (); $( "#r2_text2" ).append(html2); //改写品牌行 $( ".tr3" ). empty (); $( ".tr3" ).append(html); } } }; $.ajaxRequest(PostExecParam); }; |
.cshtml
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 | <div class = "secect_r" > <div class = "top_right" > <ul> <li class = "list1" ><img src= "~/MvcImages/ycysqd/sx_03.gif" /><p>筛选</p></li> <li class = "list2" ><a href= "" >集成电路</a>>></li> @*<li class = "list3" ><a>INFINEON</a><span>×</span></li> <li class = "list3" ><a>100-1000件</a><span>×</span></li> <li class = "list3" ><a>国内</a><span>×</span></li>*@ </ul> <div class = "r1" ><h1>型号:</h1><div class = "text1" ><input id= "typeofproduct" type= "text" value= "输入型号" /></div></div> <div class = "r2" ><h1>品牌:</h1><div class = "text2" id= "r2_text2" ><h2 class = "cur1" >全部</h2><h2>FTDI</h2><h2>WIINET</h2><h2>3M-STATIC CONTROL SOLUTIONS</h2><h2>AAVID THERMALLOY</h2><h2>ALLIANCE</h2><a href= "javascript:void(0);" id= "more_r2" onclick= "More_r2()" >更多+</a></div><div class = "text2" id= "r2_text2_2" style= "display:none" ></div></div> <div class = "r3" ><h1>库存数量:</h1><div class = "text1" ><input type= "text" class = "ChangeInventoryquantity" id= "startnumber" value= "1000" /></div><a>-</a><div class = "text2" ><input class = "ChangeInventoryquantity" id= "endnumber" type= "text" value= "1000000" /></div><a>件</a></div> <div class = "r4" ><h1>交货地:</h1><div class = "text2" ><h2 class = "cur1" >全部</h2><h2 onclick= "Trademark(this)" >国内</h2><h2 onclick= "Trademark(this)" >香港</h2></div></div> </div> </div> <table class = "bottom_right" > <tr class = "tr1" > <td class = "td1" ><p>型号</p></td> <td class = "td2" ><p>品牌</p></td> <td class = "td3" ><p>库存数量</p></td> <td class = "td4" ><p>货期</p></td> <td class = "td5" ><p>起订量</p></td> <td class = "td6" ><p>交货地</p></td> <td class = "td7" ><p>香港交货</p></td> <td class = "td8" ><p>国内交货</p></td> <td class = "td9" ><p>操作</p></td> </tr> <tr class = "tr2" > <td></td> <td></td> <td></td> <td><p>(工作日)</p></td> <td></td> <td></td> <td></td> <td><p>(含17%税)</p></td> <td></td> </tr> <tbody class = "tr3" ></tbody> </table> |
以上所述就是本文的全部内容了,希望大家能够喜欢。
代码注释