发送帖子var到jquery modale弹出

Z时代
2024-01-10
分类：问答

我是一个初学jquery，我尝试做一些简单的例子来练习，在这个例子中，我试图发送从var表单到jquery modale弹出窗口，我发现互联网。发送帖子var到jquery modale弹出

我的问题是，我不能把我的变种形式向我modale弹出，当我点击提交链接发送我的PHP形式，

弹出没有出现在我的情况$名变种。

这里我的代码：

Index.php：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> 
<link rel="stylesheet" type="text/css" href="test.css" /> 
<script type="text/javascript" src="script.js"></script> 
<form method = "POST" id = "formm" name="form1" action="recep.php" > 
<input type="text" name="nom"/> <br> 
<a href="#?w=500" rel="popup_name" class="poplight" name="nom" onclick="openwindow(this)";">test</a><br> 
</form>

而finaly我script.js：

$(document).ready(function() { 
$('a.poplight[href^=#]').click(function() { 
    var popID = $(this).attr('rel'); //Trouver la pop-up correspondante 
    var popURL = $(this).attr('href'); //Retrouver la largeur dans le href 
    //Récupérer les variables depuis le lien 
    var query= popURL.split('?'); 
    var dim= query[1].split('&'); 
    var popWidth = dim[0].split('=')[1]; //La première valeur du lien 
    $('#' + popID).fadeIn().css({ 
     'width': Number(popWidth) 
    }) 
    .prepend(''); 
    var popMargTop = ($('#' + popID).height() + 80)/2; 
    var popMargLeft = ($('#' + popID).width() + 80)/2; 
    $('#' + popID).css({ 
     'margin-top' : -popMargTop, 
     'margin-left' : -popMargLeft 
    }); 
    $('body').append(''); 
    //Apparition du fond - .css({'filter' : 'alpha(opacity=80)'}) 
    $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); 
    return false; 
}); 
$('a.close, #fade').live('click', function() { //Au clic sur le bouton ou sur le calque... 
    $('#fade , .popup_block').fadeOut(function() { 
     $('#fade, a.close').remove(); 
    }); 
    return false; 
}); 
}); 
});

recep.php

<div id="popup_name" class="popup_block"> 
    <h2>Developpez.com</h2> 
    <p>Soh Tanaka est traduit sur dev.com.<?php if (isset($_POST['nom'])) { $nom = $_POST['nom']; echo 'la var est'.$nom; } ?></p> 
</div>

我想我必须补充提交（）条件，我的script.js，东阳当我点击我的链接jQuery的选择仅在href但他不提交表单。

任何想法?? :(

谢谢！

回答：

看起来，试图发送一个形式，但您没有提交它，你试图让你的recep.php的值是对没有按锚't get send！另外，input和anchor都有name =“nom”，当你点击锚点时，你也有两个函数调用，所以有很多事情要分开。你应该决定是否使用jQuery，javascript或者两者来调用你需要的任何函数。如果你正在使用jquery，你需要一种方法来在页面加载时调用元素/使用

$('.whateverClass').click(function() { etc });

在这种情况下，我会使用类或id属性。如果你使用的是onclick，你将会调用一个javascript函数。在这种情况下，你应该通过所有你想要的参数数组

onclick="callTheFunction(this , '{put an array here with what you want?}')"

所以这种定位的将在表格的底部，但不会是形式的一部分。没关系，因为你不想提交表单...你想从表单获取所有的表达式，然后使用jQuery或javascript hhtp post/get请求将值传递给服务器。

既然你想使用jQuery，做这样的事情

<input type="text" name="nameField" id="nameInput" /> <br> 
<a href="#?w=500" rel="popup_name" id="popLight">test</a> <br> 
<script> 
$(document).ready(function() { 
    $('.popLight').click(function() { 
     //Get the form input value 
     var nameInput = $('#nameInput').val(); 
     //Get the anchor attributes 
     var href = $('#popLight').attr('href'); 
     //Do your stuff with the attr parameters, if you really need this here 
     //... 
     //Send your stuff to the server 
     $.post("recep.php", { pars: "Your pars here"}, 
       function(receivedData) { 
       //open whatever you want with the html from the server 
       $('#whateverId').html('receivedData'); 
     }); 
    }); 
}); 
</script>