javascript+ajax实现产品页面加载信息
js
//加载页面
//加载产品列表
functionGetProductList(){
functionPostParam(param){
param.key="lm324";
returnparam;
}
varPostExecParam={
ClassName:"AnxinE.BLL.Product.ProductInfoBLL",
MethodName:"Search",
ParamModelName:"AnxinE.Model.Product.ProductInfoParam",
onRequest:PostParam,
onResponse:function(result){
if(result!=null){
varhtml="";
//汇率判断
//<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(vari=0;i<result.SupplierProductList.length;i++){
for(varj=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><ahref=''>加入购物车</td></tr><br/>";
}
}
//展示搜索--品牌列表
varhtml2="<h2class='cur1'>全部</h2>";
if(result.ManufacturerList.length>0){
for(vari=0;i<result.ManufacturerList.length;i++){
if(result.ManufacturerList[i].KeyName!=null){
if(i<5){
html2+="<h2href='javascript:void(0);'id='"+result.ManufacturerList[i].KeyName+"'onclick='Trademark(this)'>"+result.ManufacturerList[i].KeyName+"</h2>";
}
}
}
//<ahref="javascript:void(0);"id="regain_r2">收回</a>
html2+="<ahref='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
<divclass="secect_r"> <divclass="top_right"> <ul> <liclass="list1"><imgsrc="~/MvcImages/ycysqd/sx_03.gif"/><p>筛选</p></li> <liclass="list2"><ahref="">集成电路</a>>></li> @*<liclass="list3"><a>INFINEON</a><span>×</span></li> <liclass="list3"><a>100-1000件</a><span>×</span></li> <liclass="list3"><a>国内</a><span>×</span></li>*@ </ul> <divclass="r1"><h1>型号：</h1><divclass="text1"><inputid="typeofproduct"type="text"value="输入型号"/></div></div> <divclass="r2"><h1>品牌：</h1><divclass="text2"id="r2_text2"><h2class="cur1">全部</h2><h2>FTDI</h2><h2>WIINET</h2><h2>3M-STATICCONTROLSOLUTIONS</h2><h2>AAVIDTHERMALLOY</h2><h2>ALLIANCE</h2><ahref="javascript:void(0);"id="more_r2"onclick="More_r2()">更多+</a></div><divclass="text2"id="r2_text2_2"style="display:none"></div></div> <divclass="r3"><h1>库存数量：</h1><divclass="text1"><inputtype="text"class="ChangeInventoryquantity"id="startnumber"value="1000"/></div><a>-</a><divclass="text2"><inputclass="ChangeInventoryquantity"id="endnumber"type="text"value="1000000"/></div><a>件</a></div> <divclass="r4"><h1>交货地：</h1><divclass="text2"><h2class="cur1">全部</h2><h2onclick="Trademark(this)">国内</h2><h2onclick="Trademark(this)">香港</h2></div></div> </div> </div> <tableclass="bottom_right"> <trclass="tr1"> <tdclass="td1"><p>型号</p></td> <tdclass="td2"><p>品牌</p></td> <tdclass="td3"><p>库存数量</p></td> <tdclass="td4"><p>货期</p></td> <tdclass="td5"><p>起订量</p></td> <tdclass="td6"><p>交货地</p></td> <tdclass="td7"><p>香港交货</p></td> <tdclass="td8"><p>国内交货</p></td> <tdclass="td9"><p>操作</p></td> </tr> <trclass="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> <tbodyclass="tr3"></tbody> </table>
以上所述就是本文的全部内容了，希望大家能够喜欢。