product页面加载信息ajax

js

//加载页面

 1 //加载产品列表
 2 function GetProductList() {
 3     function PostParam(param) {
 4         param.key = "lm324";
 5         return param;
 6     }
 7     var PostExecParam = {
 8         ClassName: "AnxinE.BLL.Product.ProductInfoBLL",
 9         MethodName: "Search",
10         ParamModelName: "AnxinE.Model.Product.ProductInfoParam",
11         onRequest: PostParam,
12         onResponse: function (result) {
13             if (result != null) {
14                 var html = "";
15                 //汇率判断
16                 //<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>
17                 //展示搜索-产品信息列表
18                 for (var i = 0; i < result.SupplierProductList.length; i++) {
19                     for (var j = 0; j < result.SupplierProductList[i].ProductList.length; j++) {
20                         //if (result.SupplierProductList[i].ProductList[j].PriceUSD!=null) {
21
22                         //}
23                         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/>";
24                     }
25                 }
26                 //展示搜索--品牌列表
27                 var html2 = "<h2 class=‘cur1‘>全部</h2>";
28                 if (result.ManufacturerList.length > 0) {
29                     for (var i = 0; i < result.ManufacturerList.length ; i++) {
30                         if (result.ManufacturerList[i].KeyName != null) {
31                             if (i < 5) {
32                                 html2 += "<h2  href=‘javascript:void(0);‘ id=‘" + result.ManufacturerList[i].KeyName + "‘ onclick=‘Trademark(this)‘ >" + result.ManufacturerList[i].KeyName + "</h2>";
33                             }
34                         }
35                     }
36                     //<a href="javascript:void(0);" id="regain_r2">收回</a>
37                     html2 += "<a href=‘javascript:void(0);‘ id=‘more_r2‘ onclick=‘More_r2()‘>更多+</a>";
38                 }
39                 //不删除第一个内容,将产品信息表追加
40                 $("#r2_text2").not($(".cur1")).empty();
41                 $("#r2_text2").append(html2);
42                 //改写品牌行
43                 $(".tr3").empty();
44                 $(".tr3").append(html);
45             }
46         }
47     };
48     $.ajaxRequest(PostExecParam);
49 };

.cshtml

 1  <div class="secect_r">
 2         <div class="top_right">
 3             <ul>
 4                 <li class="list1"><img src="~/MvcImages/ycysqd/sx_03.gif" /><p>筛选</p></li>
 5                 <li class="list2"><a href="">集成电路</a>&gt;&gt;</li>
 6                 @*<li class="list3"><a>INFINEON</a><span>&times;</span></li>
 7                 <li class="list3"><a>100-1000件</a><span>&times;</span></li>
 8                 <li class="list3"><a>国内</a><span>&times;</span></li>*@
 9             </ul>
10             <div class="r1"><h1>型号:</h1><div class="text1"><input id="typeofproduct" type="text" value="输入型号" /></div></div>
11             <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>
12             <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>
13             <div class="r4"><h1>交货地:</h1><div class="text2"><h2 class="cur1">全部</h2><h2 onclick="Trademark(this)">国内</h2><h2 onclick="Trademark(this)">香港</h2></div></div>
14         </div>
15
16     </div>
17     <table class="bottom_right">
18         <tr class="tr1">
19             <td class="td1"><p>型号</p></td>
20             <td class="td2"><p>品牌</p></td>
21             <td class="td3"><p>库存数量</p></td>
22             <td class="td4"><p>货期</p></td>
23             <td class="td5"><p>起订量</p></td>
24             <td class="td6"><p>交货地</p></td>
25             <td class="td7"><p>香港交货</p></td>
26             <td class="td8"><p>国内交货</p></td>
27             <td class="td9"><p>操作</p></td>
28         </tr>
29         <tr class="tr2">
30             <td></td>
31             <td></td>
32             <td></td>
33             <td><p>(工作日)</p></td>
34             <td></td>
35             <td></td>
36             <td></td>
37             <td><p>(含17%税)</p></td>
38             <td></td>
39         </tr>
40
41         <tbody class="tr3"></tbody>
42
43     </table>

时间: 2024-12-15 06:50:12

product页面加载信息ajax的相关文章

ASP.NET MVC如何在页面加载完成后ajax异步刷新

背景:之前已写过两篇有关Ajax的随笔,这一篇是单独针对在页面加载完成的Ajax操作.比如说打开学生列表页面,先加载页面,然后以Ajax的方式,从数据库中检索相应的学生信息,给浏览者更好的体验. 简单版本:document加载完成之后,调用ajax刷新当前页面,修改pLoad的显示文本. 前台代码如下: 1 <body> 2 <div> 3 <p id="pLoad">Ajax之前的结果</p> 4 </div> 5 <

jQuery框架使用,jq选择器,jq操作页面内容, jq操作类名,jq操作全局属性,jq获取盒子信息,jq获取位置信息,js/jq页面加载完毕事件,jq事件

jq选择器 // 获取所有的页面元素jq对象 $('css3选择器语法'); var $box = $(".box:nth-child(1)"); 获取的是jq对象数组 // 拿到指定的页面元素jq对象 $('css3选择器语法').eq(index); var $box = $(".box").eq(1); 获取的是jq对象数组 // jq 转 js ( jq对像就是由数组包裹的js对象 ) box1 = $box[0] 从数组里取出来 box1 = $box.g

页面加载完毕相关信息淡入效果

前言: 年关将至,公司一部分同事已经回老家了,虽然过年不回去,但想到明天上完班就放假了内心多少有点激动.工作上的事情不要紧的已经没心情再看了,加之今天领导不在 哈哈哈... 搞点自己的爱好! 看bootstrap的优站精选时看到了一个页面加载完毕时的一个淡入效果(http://www.mikeinghamdesign.com/),于是... 效果图: 实现思路: 此处实现主要用外边距margin-top属性和透明度opacity属性: 1.淡入区块初始设置一定上外边距,透明度完全透明: 2.页面

商城项目:商品列表ajax加载,ajax加入购物车

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ProductLists.aspx.cs" Inherits="Hidistro.UI.Web.Vshop.ProductLists" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml">

Android WebView页面加载优化

目前webapp越来越多,体验也越来越好,为了能够更好的使用WebView展示出流畅的的页面,可以从以下几点做优化: WebView缓存 资源文件本地存储 减少耗时操作 客户端UI优化 可能有人会说了,为什么不做成native的呢,这样就不用那么的麻烦了.如果我需要加载的内容都是静态的,当然做成native的是最好的,为什么我们要使用WebView呢,因为它可以加载一些容易改变的内容,同时也方便制作多平台应用. WebView可以优化的哪些地方呢? WebView缓存 开启WebView的缓存功

html5体验优化页面加载的14条建议

html5体验优化页面加载的14条建议 1. fake 页 - 首屏加速目标:首屏 3s 以内因为 71% 的用户期望移动页面跟 pc 页面一样快 (3s) ,74% 的用户能容忍的响应时间为 5 秒,所以我们必须保证移动端页面有足够的速度. 方案:- 避免页面长时间白页,页面渲染只需要完整的HTML 以及 CSS- 加载结束后页面第一屏便渲染结束,然后再异步加载js- 静态资源不使用 cookie- 优化加载顺序 css头.js尾 2. 降低请求「数」- 将可合并的 CSS.JS 文件合并-

页面加载优化的14条原则

1. 尽可能的减少 HTTP 的请求数 [content] 2. 使用 CDN(Content Delivery Network) [server] 3. 添加 Expires 头(或者 Cache-control ) [server] 4. Gzip 组件 [server] 5. 将 CSS 样式放在页面的上方 [css] 6. 将脚本移动到底部(包括内联的) [javascript] 7. 避免使用 CSS 中的 Expressions [css] 8. 将 JavaScript 和 CSS

移动端网站提升页面加载性能的优化技巧

移动端网站提升页面加载性能的优化技巧 收藏到:1时间:2015-06-17   文章来源:马海祥博客   访问次数:2501 网页性能的优化一直是网站成功的关键,越来越多的研究证明,不管是小型电商,还是大型连锁企业,即使是页面加载时间方面的细微改善,都可以带来更多的业务,更多的广告收入,更多的用户粘性和更多的客户满意度. 在过去几年,Web开发者都是基于改善硬件或者提高带宽速度来优化用户体验,但是最近几年,爆炸式的移动Web浏览器的使用打破了这个途径,低带宽,高延迟,小内存,低处理器性能的移动设

Web前端性能优化——如何提高页面加载速度

前言:  在同样的网络环境下,两个同样能满足你的需求的网站,一个"Duang"的一下就加载出来了,一个纠结了半天才出来,你会选择哪个?研究表明:用户最满意的打开网页时间是2-5秒,如果等待超过10秒,99%的用户会关闭这个网页.也许这样讲,各位还不会有太多感触,接下来我列举一组数据:Google网站访问速度每慢400ms就导致用户搜索请 求下降0.59%;Amazon每增加100ms网站延迟将导致收入下降1%;雅虎如果有400ms延迟会导致流量下降5-9%.网站的加载速度严重影响了用户