ajax的使用及传值

其实这个例子很简单,但是对刚学习的朋友应该很实用,希望可以帮到你们,这是我在项目中的实例,可参考下,,简单的css布局和html就省略咯,这里只简单的介绍下js

第一步: xml中调用 test()方法

第二步:在js中写方法的实现

function test(data) {
    var _course_ids = new Array();
    _course_ids.push("1");
    _course_ids.push("2");
//传给服务器的值 post请求
    var _param = new Object();
    _param["course_ids"] = _course_ids;
    _param["token"] = "*******************";
    console.log(JSON.stringify(_param))
    $.ajax({
        type: "post",
        url: "********************",
        data: {
          "param" : JSON.stringify(_param)
          },
        dataType: "json",
        async:false,
        success: function (data) {
            console.log(data);


//第一种方法,给里面的div赋值
            // $(".div3:first").html(data.courseDOs[0].uploadTime);
            // $(".div3").html(data.courseDOs[1].uploadTime);
            var str ="";
//将获取的数值遍历
            for(var i= 0;i<data.courseDOs.length;i++){
//第二种方法
                str='<div class="leftDiv"> ' +
                    '<div><img class="img1" src="img/dajishuci.png" οnclick="ss('+data.courseDOs[i].categoryId+')"/></div> ' +
                    '<div class="div3">'+data.courseDOs[i].uploadTime+'</div> ' +
                    '<div class="priceLabel">￥25   <s class="sLine">￥35</s>                  ' +
                    '<img class="imgTian" src="img/tianjia.png">' +
                    '</div> ' +
                    '</div>';
//将获取的值append到最外层的容器中
                $("#content2").append(str);
            }
        }
    });
};
第三步:给下个页面传值
//获取当前页面的id,给下个页面传值
function  ss(id) {
    document.location.href='index.html?id='+id;
}