使用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>