JS与后台的交互一些笔记

最新推荐文章于 2022-10-06 01:06:03 发布

where_slr

最新推荐文章于 2022-10-06 01:06:03 发布

阅读量666

点赞数

分类专栏： Javascript 文章标签： javascript jquery

本文链接：https://blog.csdn.net/where_slr/article/details/74295887

版权

Javascript 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

//获取前一个网页直接有的东西，传过去
window.location.href = "adminindex.html?account=" + account;(前一个网页有的，传过来，名字account)
//当前网页取到前面传来的：
(function ($) {//新加了这个获取浏览器参数的方法,获取之前页面的参数
    $.getUrlParam
        = function (name) {
        var reg
            = new RegExp("(^|&)" +
            name + "=([^&]*)(&|$)");
        var r
            = window.location.search.substr(1).match(reg);
        if (r != null) return unescape(r[2]);
        return null;
    }
})(jQuery);
var teacherAccount = $.getUrlParam("account");

//ajax直接获取，方式与后台对应
//可选课程
    $.ajax({
        url:URL + "searchCourseList.json",//接口
        method:"post",//对应的后台请求方式get;post
        dataType:"json",
        success:function(returnData) {//返回数据
            var result = returnData;
            if (result.code == SUCCESS_CODE) {
                var con = "";        //动态添加
                $.each(result.data, function (i, item) {//遍历object数组
                    con += '<tr><label><input type="checkbox"></label><td>"+item.name+"</td>';
                    con += "<td>"+item.teachername+"</td>";
                    con += "<td>"+item.classroom+"</td>";
                    con += '<td><input class="btn btn-default" type="submit" value="确认"></td></tr>';

                });
    console.log(con);    
    //可以在控制台打印一下看看，这是拼起来的标签和数据
    $("#courseList").html(con); 
    //把内容入到这个div中即完成
            }
  alert("received JSON:" + JSON.stringify(data));
  //把json的数据打印出来
        },
        error:function() {
            alert("error");
        }
    });

给动态生成的绑定事件
$("容器").delegate('目标','事件',function() {});
$("#optCourese").delegate('.delete','click',function() {})//给动态添加的绑定事件