javascript+ajax实现产品页面加载信息

前端技术 2023/09/04 JavaScript

js

//加载页面

//加载产品列表
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

<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>

以上所述就是本文的全部内容了,希望大家能够喜欢。

本文地址:https://www.stayed.cn/item/10012

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。