点击超链接，通过jquery的AJAX传递超链接所带参数的问题

iou3344 2016-03-02 09:36:17



<title>aaaa页面往bbbb页面通过jquery的AJAX传递参数</title>

<base target="_blank" /> <!-- 确保超链接都是在新窗口打开 -->

<script src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js"></script>

<script type="text/javascript">

  $(function () {

	$('.div11 a').click(function () {

	//先获取包含有汉字的href=newurl

	var newurl = $(this).attr("href") + "&hanzi=" +encodeURIComponent( $(this).text());//注意编码

	//////这里要先跳转到cccc.asp?act=find&name=333&age=25&hanzi=可获取汉字的超链接11111(也要带这些汉字)

	/////然后再开始构建向bbbb.asp传递参数的ajax

	newurl = newurl.replace('cccc.asp', 'bbbb.asp')///替换下页面就行了，注意bbbb.asp中用request或request.querystring获取参数，因为是参数get提交

	alert(newurl)

            $.ajax({

                url: newurl,//////////////////////////

                type: 'POST',

                data: {},//

                success: function (data) { alert('成功：' + data) },

                error: function (xhr) { alert('服务器出错，返回内容：' + xhr.responseText) }

            });

            //return false;//加上这个就会阻止向cccc.asp跳转，但是我是希望既向cccc.asp跳转，同时又可以通过ajax向bbbb.asp传递参数，两个页面的参数一样，都在原链接的基础上带上hanzi=可获取汉字的超链接1111111。

        });

    });

</script>

<div class="div11">

<li><a href="cccc.asp?act=find&name=333&age=25">可获取汉字的超链接1111111</a></li>

<li><a href="cccc.asp?act=find&name=444&age=60">可获取汉字的超链接2222222</a></li>

<li><a href="cccc.asp?act=find&name=666&age=40">可获取汉字的超链接3333333</a></li>

</div>

...全文

684 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

Deep&Love 2018-11-12

打赏
举报

怎么修改编码啊我的出来都是%和数字

functionsub 2016-03-02

打赏
举报

需求很奇葩。

$(function () {
    $('.div11 a').click(function(){
        //先获取包含有汉字的href=newurl
        var newurl = $(this).attr("href") + "&hanzi=" +encodeURIComponent( $(this).text());//注意编码
        var _oldurl = newurl;
        //////这里要先跳转到cccc.asp?act=find&name=333&age=25&hanzi=可获取汉字的超链接11111(也要带这些汉字)
        /////然后再开始构建向bbbb.asp传递参数的ajax
        newurl = newurl.replace('cccc.asp', 'bbbb.asp')///替换下页面就行了，注意bbbb.asp中用request或request.querystring获取参数，因为是参数get提交
        alert(newurl)
        $.ajax({
            url: newurl,//////////////////////////
            type: 'POST',
            data: {},//
            success: function (data) { 
                alert('成功：' + data) 
                location.href = _oldurl; //这里跳转，成功后跳转，如果要ajax失败也跳转那就在下面的error里面也加上这
            },
            error: function (xhr) { alert('服务器出错，返回内容：' + xhr.responseText) }
        });
        //return false;//加上这个就会阻止向cccc.asp跳转，但是我是希望既向cccc.asp跳转，同时又可以通过ajax向bbbb.asp传递参数，两个页面的参数一样，都在原链接的基础上带上hanzi=可获取汉字的超链接1111111。
    });
});

iou3344 2016-03-02

打赏
举报

引用 6 楼 functionsub 的回复:

方式一：通过window.open打开，不用重置a标签的href属性

    $(function () {
        $('.div11 a').click(function () {
            var newurl = $(this).attr("href") + "&hanzi=" +encodeURIComponent($.trim($(this).text()));//注意编码
            var oldurl = newurl; // 保存向bbbb.asp跳转的地址
            newurl = newurl.replace('cccc.asp', 'bbbb.asp');
            $.ajax({
                url: newurl,
                type: 'POST',
                data: {},//
                success: function (data) { alert('成功：' + data) },
                error: function (xhr) { alert('服务器出错，返回内容：' + xhr.responseText) }
            });
            window.open(oldurl); // 直接通过window.open打开，。
            return false;
        });
    });

方式二：重设href属性

    $(function () {
        $('.div11 a').click(function () {
            var newurl = '' , oldurl = '';
            if($(this).attr('oldurl')){ // 如果有oldurl属性，则不再进行url拼接，直接获取href属性
                newurl = oldurl = $(this).attr("href"); // 
            }else{
                newurl = $(this).attr("href") + "&hanzi=" +encodeURIComponent($.trim($(this).text()));
                oldurl = newurl;
                $(this).attr('oldurl',$(this).attr("href")); // 记录原链接地址
                $(this).attr('href',oldurl); // 重设href属性
            }
            newurl = newurl.replace('cccc.asp', 'bbbb.asp');
            $.ajax({
                url: newurl,
                type: 'POST',
                data: {},
                success: function (data) { alert('成功：' + data) },
                error: function (xhr) { alert('服务器出错，返回内容：' + xhr.responseText) }
            });
        });
    });

你是真的汉子！！！你好棒哟~ 人好活也好~ 赞一个~100块拿去吧~

functionsub 2016-03-02

打赏
举报

方式一：通过window.open打开，不用重置a标签的href属性

    $(function () {
        $('.div11 a').click(function () {
            var newurl = $(this).attr("href") + "&hanzi=" +encodeURIComponent($.trim($(this).text()));//注意编码
            var oldurl = newurl; // 保存向bbbb.asp跳转的地址
            newurl = newurl.replace('cccc.asp', 'bbbb.asp');
            $.ajax({
                url: newurl,
                type: 'POST',
                data: {},//
                success: function (data) { alert('成功：' + data) },
                error: function (xhr) { alert('服务器出错，返回内容：' + xhr.responseText) }
            });
            window.open(oldurl); // 直接通过window.open打开，。
            return false;
        });
    });

方式二：重设href属性

    $(function () {
        $('.div11 a').click(function () {
            var newurl = '' , oldurl = '';
            if($(this).attr('oldurl')){ // 如果有oldurl属性，则不再进行url拼接，直接获取href属性
                newurl = oldurl = $(this).attr("href"); // 
            }else{
                newurl = $(this).attr("href") + "&hanzi=" +encodeURIComponent($.trim($(this).text()));
                oldurl = newurl;
                $(this).attr('oldurl',$(this).attr("href")); // 记录原链接地址
                $(this).attr('href',oldurl); // 重设href属性
            }
            newurl = newurl.replace('cccc.asp', 'bbbb.asp');
            $.ajax({
                url: newurl,
                type: 'POST',
                data: {},
                success: function (data) { alert('成功：' + data) },
                error: function (xhr) { alert('服务器出错，返回内容：' + xhr.responseText) }
            });
        });
    });

iou3344 2016-03-02

打赏
举报

引用 3 楼 functionsub 的回复:

我已经不想说什么了。

别停。。别停。。别停。。。

functionsub 2016-03-02

打赏
举报

我已经不想说什么了。

iou3344 2016-03-02

打赏
举报

要点如下，的确是非常非常非常的奇葩（想想我也想

） 1、<base target="_blank" /> （各种原因，我只能这样才能确保打开的是新窗口，所以，千万千万千万别忽视这个啊！） 2、aaaa.asp是写这个js的页面，其中包含要访问的带有参数的超链接，其中超链接的汉字我们也准备把它们带走

2、cccc.asp是超链接原有的指向，在新开窗口跳转的时候不但要带上原有参数，还要把汉字带走（是汉字，不是汉子！！

） 3、bbbb.asp接受ajax传递参数的页面，和cccc.asp接收的参数要一模一样，也即：都在原链接的基础上带上hanzi=可获取汉字的超链接1111111。

（给我。给我。我还要。。。）色情贴的感觉有木有！所以说，汉子们，都来加油啊！！！！！！！！！！

iou3344 2016-03-02

打赏
举报

引用 1 楼 functionsub 的回复:

需求很奇葩。

$(function () {
    $('.div11 a').click(function(){
        //先获取包含有汉字的href=newurl
        var newurl = $(this).attr("href") + "&hanzi=" +encodeURIComponent( $(this).text());//注意编码
        var _oldurl = newurl;
        //////这里要先跳转到cccc.asp?act=find&name=333&age=25&hanzi=可获取汉字的超链接11111(也要带这些汉字)
        /////然后再开始构建向bbbb.asp传递参数的ajax
        newurl = newurl.replace('cccc.asp', 'bbbb.asp')///替换下页面就行了，注意bbbb.asp中用request或request.querystring获取参数，因为是参数get提交
        alert(newurl)
        $.ajax({
            url: newurl,//////////////////////////
            type: 'POST',
            data: {},//
            success: function (data) { 
                alert('成功：' + data) 
                location.href = _oldurl; //这里跳转，成功后跳转，如果要ajax失败也跳转那就在下面的error里面也加上这
            },
            error: function (xhr) { alert('服务器出错，返回内容：' + xhr.responseText) }
        });
        //return false;//加上这个就会阻止向cccc.asp跳转，但是我是希望既向cccc.asp跳转，同时又可以通过ajax向bbbb.asp传递参数，两个页面的参数一样，都在原链接的基础上带上hanzi=可获取汉字的超链接1111111。
    });
});

还是不行啊！！在访问cccc成功丢失汉字的同时，ajajx也坏掉了。。。