m.lom599.com_手机版乐白家网址_乐百家手机首页登录

JavaScript对象属性检查,ajax实现产品页面加载信息

作者: 手机版乐白家网址  发布:2019-07-17

现在很多网站不仅是介绍,更多的是有一些功能,怎么样让客户快速的知道网站有哪些功能呢?这里pagewalkthrough.js插件能帮我们实现,它是一个轻量级的jQuery插件,它可以帮助我们创建一个遮罩引导层,实现页面功能引导功能,引导完成显示页面内容。

js

检查属性

图片 1

//加载页面

//加载产品列表
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);
};
var mouse = {
 "name": "betta",
 "age": 3,
 "varieties": "milaoshu"
}

mouse.hasOwnProperty("name"); // true
mouse.hasOwnProperty("sex"); //false

html代码:

.cshtml

增加属性

<div id="walkthrough-content">
  <div id="walkthrough-1">
    <h3>欢迎来到网页引导示例DEMO演示页</h3>

    <p>页面功能介绍引导页的效果是通过一款叫做<a href="https://github.com/jwarby/jquery-pagewalkthrough" target="_blank">pagewalkthrough.js</a>的jQuery插件实现的。</p>
    <p>点击下一步了解更多...</p>
  </div>

  <div id="walkthrough-2">
    这里是网站LOGO,点击这里可以直通网站首页。
  </div>

  <div id="walkthrough-3">
    点击这里可以直接看插件的使用教程。
  </div>

  <div id="walkthrough-4">
    点击这里去下载源码,免费的哦。。
  </div>

  <div id="walkthrough-5">
    这是页脚和版权信息。
  </div>
</div>
<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>×</li>
        <li class="list3"><a>100-1000件</a>×</li>
        <li class="list3"><a>国内</a>×</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>

定义个对象 dog,然后赋予各种特性,再赋予 color特性,最后遍历所有的属性以及值

js文件和代码:

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

var dog={
 name:"芒果",
 type:"会之王",
 eat:function(){
  alert("吃");
 }
}
 Object.prototype.color="白色";
 var name;
 for(name in dog){
  document.write(name " " dog[name] "<br>")
 }

本文由m.lom599.com发布于手机版乐白家网址,转载请注明出处:JavaScript对象属性检查,ajax实现产品页面加载信息

关键词: m.lom599.com