使用ajax实现html页面产品详情页文字具体内容

<script type="text/javascript" src="Assets/js/jquery.min.js"></script>
<script>
    function load1() {
        $(function () {
            //获取url中的参数
            function getUrlParam(name) {
                var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
                var r = window.location.search.substr(1).match(reg); //匹配目标参数
                if (r != null) return unescape(r[2]);
                return null; //返回参数值
            }
            //接收URL中的参数Id
            var id = getUrlParam('id');
            console.log('id:' + id);
            $.ajax({
                type: 'get',
                url: 'http://192.168.1.107:3000/details?id='+id,
                dataType: 'jsonp',
                timeout: 1000,
                cache: false,
                beforeSend: LoadFunction, //加载执行方法
                error: erryFunction,  //错误执行方法
                success: succFunction //成功执行方法
            })
            function LoadFunction() {

            }
            function erryFunction() {
                alert("error");
            }
            function succFunction(data) {
                for (var o in data) {
                   // alert(data[o].id);
                    $("#product").append("<li>"+data[o].details+"</li>");
                }
            }
        })
    }
    load1();
</script>