ajax for in eval()知识点的应用

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>团体交通意外险-国内旅游保险-中国平安官方直销网站</title>
    <link rel="stylesheet" href="http://pcss1.4008000000.com/app_css/4008000000/v20/base.css" />
    <link rel="stylesheet" href="http://pcss1.4008000000.com/app_css/4008000000/v20/public.css" />
    <link rel="stylesheet" href="http://pcss1.4008000000.com/app_css/4008000000/v20/zaixiangoumai/baoxian/prolist.css" />
    <style>
    .prolist_cont,.prolist_cont_item {margin:0!important;padding:0!important;}
    </style>
</head>
<body>
<ul class="prolist_cont">
    <!--0928 团体交通意外险-->
    <li class="prolist_cont_item">
        <div class="default_box">
            <div class="default_box_Img"><img src="http://pimg1.4008000000.com/app_images/4008000000/v20/zaixiangoumai/baoxian/productList/tuantijiaotongyiwai.jpg" alt="团体交通意外险"></div>
            <span class="default_box_name">团体交通意外险</span>
            <p class="default_box_text">飞机、火车、旅游大巴、私家车全都保<br />多人、团队折扣高。</p>
        </div>
        <div class="current_box">
            <div class="current_box_name c">
                <a href="/zaixiangoumai/baoxian/tuantijiaotongyiwai.shtml" otitle="团体交通意外险" otype="button" target="_blank" class="current_box_name_link">团体交通意外险</a>
                <a href="/zaixiangoumai/baoxian/tuantijiaotongyiwai.shtml" otitle="团体交通意外险-查看详情" otype="button" target="_blank" class="current_box_more">查看详情 &gt;</a>
            </div>
            <div class="current_box_list">
                <ul class="c">
                    <li><p class="f_c_f63">50-800万元</p>· 飞机意外</li>
                    <li><p class="f_c_f63">10-100万元</p>· 火车意外</li>
                    <li><p class="f_c_f63">10-100万元</p>· 轮船意外</li>
                    <li><p class="f_c_f63" style="width: 80px;">10-30万元</p>· 汽车(客车、私家车、旅游大巴)意外</li>
                </ul>
            </div>
            <a href="http://www.pingan.com/pa18shopnst/productCenterNew/wrap.shtml?productCode=PAT0050" otitle="团体交通意外险-立即报价" otype="button" target="_blank" class="current_box_btn" onClick="hrefChangeByMediaSource(this);">立即报价</a>
        </div>
        <div class="resident_box c">
            <ul class="ul_four">
                <li>电子保单</li>
                <li>全国通赔</li>
            </ul>
            <div class="resident_box_price">
                <p><span class="resident_box_price_num">¥0.20</span>/人起</p>
                <a href="/zaixiangoumai/baoxian/tuantijiaotongyiwai.shtml?type=guestui#product-detail" otitle="团体交通意外险-评论" otype="button" target="_blank" id="ttjtywx" class="resident_box_price_pinjia"><span class="f_c_f63"></span>人评价</a>
            </div>
        </div>
    </li>
    <!--0928 团体交通意外险 end-->
</ul>
<div style="display:none;" id="proCodeJson">{‘PAT0050‘:‘ttjtywx‘}</div>
<script src="http://pscript1.4008000000.com/app_js/paui/1.1.0/build/pa.ui.min.js"></script>

<script>
    $(".prolist_cont_item").hover(function(){
    $(this).addClass("hover");
    },function(){
    $(this).removeClass("hover");
    });
</script>
<script type="text/javascript">
    // ebusiness 服务器地址
    // code -> 保险产品code  ;  aId 界面上 [已有XXX人评论] 的<a>元素ID
    function request_product_comment(code, aId){
        //var url = ‘/ebusiness/payment/user/showOtherCommont.ajax?prePageSize=1&toPageNumber=1&productCode=‘ + code;
        /*
            http://www.4008000000.com/member/do/commont/other/1/1/PAT0050  输出如下数据
            { "resultCode":"success", "status":"success", "msg":"", "data":{ "currentPage":"1", "pages":"1", "fullSize":"1", "datas":[ { "commendLevel":"10", "commontContent":"为好朋友买了十一期间的交通意外,产品购买比较方便,多人投保优惠比较大,比较好的解决了类似十一之类的假期出行安全问题,支付也超级方便,很不错,下次旅行还买这个。 一个小小的建议,能不能出一个3天的方案,有时候周末或者小假期能够用到哦。", "commontDateStr":"2015-09-29 11:00:22", "courseComentLevel":"0", "licenceNo":"", "priceComentLevel":"0", "userName":"王**", "responseContent":"", "responseDate":"", "commontId":"20150000000000397472", "serviceAttitudeLevel":"0", "commontLevel":"10" } ] } }
        */
        var url = ‘http://www.4008000000.com/member/do/commont/other/1/1/‘ + code;
        $.ajax({type: "GET",dataType: "json",url: url,
            success: function(data){
                show_product_comment(code, aId, data);
            }
        });
    }
    // 请求到评论数后,根据<a>的ID,显示数据
    function show_product_comment(code, aId, comment){
        if (!comment.data || !comment.data.datas || comment.data.datas.length === 0){
            $(‘#‘+aId).hide();
        }else{
            $(‘#‘+aId).show();
            $(‘#‘+aId).attr(‘title‘,‘已有‘+comment.data.fullSize+‘人评论‘);
            $(‘#‘+aId).attr(‘otitle‘,‘已有‘+comment.data.fullSize+‘人评论‘);
            $(‘#‘+aId).find(‘span‘).html(comment.data.fullSize);
        }
    }

    $(document).ready(function(){

        var objText = $("#proCodeJson").text();
        var obj=eval("["+objText+"]")[0];
        for(var o in obj){
            request_product_comment(o, obj[o]);
        }
    });
</script>
</body>
</html>
时间: 2024-10-15 02:39:46

ajax for in eval()知识点的应用的相关文章

$.ajax中的eval及dataType

一个简单的ajax获取数据可能会这样写:$.ajax({ type: "GET", url: url, data: {}, success: function (e) { var oE = eval('(' + e + ')'); // 当后台返回数据是一个字符串的时候,eval可以将它转换为一个对象 }, error: function (data) { }}); 但是这种方法有时会产生让人摸不着头脑的错误, jquery中的ajax给出了一个方便的解决办法: $.ajax({ ty

Ajax中的eval函数的用法

eval的定义和使用: Eval它是用来计算某个字符串,并且执行其中的JavaScript代码. 语法: 1) eval函数接受一个string这个参数,并且这个参数是必须的,这个参数就是要计算的这个字符串.它里面可以函数含有JavaScript的表达式,或者要执行的语句. eval(string). 2) 那,这个既然是函数,就有可能有返回值.它的返回值是:如果这个string参数有返回值的话,那这个函数就原样返回这个string执行完毕的结果. 3) 有一个地方值得注意,这个eval函数只接

Bootstrap关联select菜单,包罗万象的知识点

今天我将介绍自定义的bootstrap关联select菜单,主要应用场合有省市级关联菜单等等,那么就先拿这个例子来讲,当然其他场景的关联菜单也同样适用.说实话,封装好一个通用的组件还是需要花费很多精力的和时间的,所谓通用,自然要考虑周全,叹!这次整理的Bootstrap关联select,里面也涉及到了很多jquery.ajax.springMVC等等知识点,可谓包罗万象! 首先,请允许我代表该自定义组件做一番小小的介绍. "hi,你好,我叫yunm.combox.js,主人给我起的名字,其实呢,

重拾Ajax

本来想专门学习一个Fetch API的相关知识,然后从XMLHttpRequest对象开始看起,看着看着,突然发现自己每天都在使用的ajax竟然还有好多知识点都不熟悉,细思极恐,于是乎从MDN到W3C文档,各种百度之后,终于简单整理了一份有关于ajax的学习笔记,一方面加深印象,另一方面便于查阅,如有批漏,敬请指正. 发展历程 XMLHttpRequest一开始只是微软浏览器提供的一个接口,后来各大浏览器纷纷效仿也提供了这个接口,再后来W3C对它进行了标准化,提出了XMLHttpRequest标

ajax常用操作

load的方法的使用(现在已不常用) <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>demo</title> <!-- 引进jQuery --> <script src="jquery.js"></script> <style type=&quo

[AJAX]AJAX的入门学习

AJAX入门 听了方老师的课程,配上了阮一峰阮老师的教程食用,整理记录一些使用AJAX所需的知识点. 什么是AJAX Asynchronous JavaScript and XML 的缩写,指的是通过 JavaScript 的异步通信,从服务器获取 XML 文档从中提取数据,再更新当前网页的对应部分,而不用刷新整个网页. 为什么使用AJAX 首先整理总结一下主要发送HTTP请求的方式及其优缺点 form 可以发请求,但是会刷新页面或新开页面 a可以发 get 请求,但是也会刷新页面或新开页面 i

牛腩新闻发布系统之总结篇

经过20多天的艰苦奋斗,这篇牛腩新闻发布系统的总结终于来到了.20天来,几乎都是在和"牛"老师度过的,当牛老师讲到最后还真是有点舍不得.牛老师的幽默和细心也算是深深感染了我.虽然漫长的63集教程,但是我发现没有了预先的那些抵触.也不知道是自己的成长还是牛老师的高明.63集视频没有一丝快进和不耐烦,一鼓作气将新闻发布系统呈现在自己的眼前.略微有那么一点成就感.好了,下面我就来总结一下自己的成长之路吧! 知识篇: 牛腩发布系统是我开始的第一个B/S项目,算是一个非常棒的入门经典教学.跟着牛

来看看怎么通过a标签打开一个对话框

前言:也许这是一个很简单的动作,你似乎觉得这没什么,的确,在我完成了这个功能后,我觉得也很简单. 弹出框后面是一个table,点击单元格中的修改连接,就可以弹出对话框,并且能够将数据传递到页面前端. 页面 <a href="${ctx}/project/editProjectReback/${deal_item.id}" target="dialog" width="600">修改</a> 注意: 1. 参数target

新闻发布系统笔记二

1.批量删除的实现:首先是前端的checkbox,实现点击最上面的复选框,会全选或者取消下面的复选框选择状态. 通过jquery实现,涉及了一个属性选择器,用来选择结点或者设置属性.prop法,$("input[name='commentIds']").prop("checked",true); 这一句是设置所有name属性是commentIds的结点checked属性为true.代码如下: $(document).ready(function(){ $("