超链接如何利用ajax传递参数

[暁悠]

<a href="1.php?id=1$type=2">传递</a>

如上面的超链接，我想改成用ajax传递里面的参数，传递成功之后提示“”成功“”

[二月十六]

<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
    function test() {
        $.ajax({
            url: '1.php',
            type: 'post',
            dataType: 'text',
            data: {
                id: 1,
                type:2
            },
            success: function(){
                alert('成功');
            }
        })
    }

</script>

<a href="#" onclick="test()">传递</a>

[暁悠]

引用 1 楼 sinat_28984567 的回复:

<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
    function test() {
        $.ajax({
            url: '1.php',
            type: 'post',
            dataType: 'text',
            data: {
                id: 1,
                type:2
            },
            success: function(){
                alert('成功');
            }
        })
    }

</script>

<a href="#" onclick="test()">传递</a>

怎么把参数一并传过来，在ajax里面自动能获取到，不需要再在ajax里面赋值，因为超链接的有些参数是循环出来的，不是固定值

[暁悠]

求解

[jio可]

参数在地址栏的话就自己获取然后转换成json对象

[暁悠]

引用 4 楼 u012418098 的回复:

参数在地址栏的话就自己获取然后转换成json对象

对这个不熟，求举个栗子

[二月十六]

引用 2 楼 wanchtao 的回复:

[quote=引用 1 楼 sinat_28984567 的回复:]

<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
    function test() {
        $.ajax({
            url: '1.php',
            type: 'post',
            dataType: 'text',
            data: {
                id: 1,
                type:2
            },
            success: function(){
                alert('成功');
            }
        })
    }

</script>

<a href="#" onclick="test()">传递</a>

怎么把参数一并传过来，在ajax里面自动能获取到，不需要再在ajax里面赋值，因为超链接的有些参数是循环出来的，不是固定值[/quote] 你是这个意思吗？

<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
    //a1、a2就是你的id和type的值
    function test(a1,a2) {
        $.ajax({
            url: '1.php',
            type: 'post',
            dataType: 'text',
            data: {
                id: a1,
                type:a2
            },
            success: function(){
                alert('成功');
            }
        })
    }

</script>

这里的1和2是你循环得到的id和type的值，然后作为参数传给test方法，循环不同数据，传入不同的id和type值

<a href="#" onclick="test(1,2)">传递</a>

[jio可]

引用 5 楼 wanchtao 的回复:

[quote=引用 4 楼 u012418098 的回复:] 参数在地址栏的话就自己获取然后转换成json对象

对这个不熟，求举个栗子[/quote]

//http://www.csdn.net?id=1$type=2
    var url = location.search;
    var theRequest = new Object();
    if (url.indexOf("?") != -1) {
        var str = url.substr(1);
        strs = str.split("$");
        var data = {};
        for(var i = 0; i < strs.length; i ++) {
          data[strs[i].split("=")[0]] = strs[i].split("=")[1];
        }
      console.log(JSON.stringify(data))
    }

[暁悠]

引用 6 楼 sinat_28984567 的回复:

[quote=引用 2 楼 wanchtao 的回复:] [quote=引用 1 楼 sinat_28984567 的回复:]

<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
    function test() {
        $.ajax({
            url: '1.php',
            type: 'post',
            dataType: 'text',
            data: {
                id: 1,
                type:2
            },
            success: function(){
                alert('成功');
            }
        })
    }

</script>

<a href="#" onclick="test()">传递</a>

怎么把参数一并传过来，在ajax里面自动能获取到，不需要再在ajax里面赋值，因为超链接的有些参数是循环出来的，不是固定值[/quote] 你是这个意思吗？

<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
    //a1、a2就是你的id和type的值
    function test(a1,a2) {
        $.ajax({
            url: '1.php',
            type: 'post',
            dataType: 'text',
            data: {
                id: a1,
                type:a2
            },
            success: function(){
                alert('成功');
            }
        })
    }

</script>

这里的1和2是你循环得到的id和type的值，然后作为参数传给test方法，循环不同数据，传入不同的id和type值

<a href="#" onclick="test(1,2)">传递</a>

[/quote] 这个尝试了，好像不行

[二月十六]

要不你把代码贴全点

[斯洛文尼亚旅游]

<script src="jquery-1.4.2.min.js"></script>
<a href="1.php?id=1$type=2">传递</a>
<script>
    $('a').click(function () {
        alert(this.href)
        $.get(this.href, function (d) { alert(d)})
        return false;//阻止跳转
    });
</script>

[redlz2500]

直接写在url参数里面，jquery自己会处理

[soonyolsd]

如果考虑安全性的话，最好是在服务端把url拼凑好并且加密，然后直接传到客户端，再在ajax请求里面调用这个url