jQuery post 和（动态？）变量的问题

Question

嘿，我有一个有效的 jquery post 功能，但它仍然无法正常工作，因为我希望它可以正常工作。 var“url”应该是一个url，如下面的正则表达式模式，当它与正则表达式模式匹配时，jquery应该将一个带有url的请求发布到我的php文件中，之后它将返回一个唯一的ref id并重写url 到我自己网站上的新网站，例如 example.org/ref.php?id=unique1235 （使用 php 脚本生成的唯一字符串重写/替换 url 已经很完美了。）

我的 JQuery 函数如下所示：

    $(".url2").keyup(validNum).blur(validNum);

    var refid;

    var url;  // needs to be extracted from the live input textarea with the pattern below that is used to replace the old url with the new one coming from the post php script

    $.ajax({                     url: "/test.php",
                                 data: {
                                 url: url
                                 },
                                 type: "POST",
                                 success:function(returnID) {
                                 refid = returnID 
                                     }
                                });




    function validNum() {
     var initVal = $(this).val();
    outputVal = initVal.replace(/(https?:\/\/)?(www.)?[0-9A-Za-z-]{2,50}\.[a-zA-Z]{2,4}([\/\w\-\.,@?^=%&:/~\+#]*[\w\-\@?^=%&/~\+#]){0,250}(\s){1}$/
,refid);  
    if (initVal != outputVal) {
        $(this).val(outputVal);
        return false;
        }}
});

我无法“活”——从我的 textarea 中提取 url 并将其保存到“var url”，以便可以将其传递并发送到保存旧 url 并替换为唯一字符串的 php 脚本（如上所述）。如果有人能够帮助我，我会很高兴。非常感谢:)

Answer 1

问题是您直接触发 $.ajax() ，就像“每次加载文档时，都会加载空请求，并且不会加载更多”。把它放在一个函数上，像这样：

   function request_my_URL(){
          var refid;
           var url=$('.url2').val();      
           $.ajax({              url: "/test.php",
                                 data: {
                                 url: url
                                 },
                                 type: "POST",
                                 success:function(returnID) {
                                 refid = returnID;
                                 alert(refid);
                                     }
                                });
   }

现在，在某个按钮的点击事件中调用该函数，例如：

   <textarea class='url2'></textarea>
   <input type='button' value='Get the URL!' onClick='request_my_URL();' />

现在轮到你修改它以按预期工作了：D

祝你好运；）

编辑：

对于实时检查，您可以使用：

$(".url2").keyup(function(){validNum(); request_my_URL();}).blur(function(){validNum(); request_my_URL();});