用表单替换链接，将变量传递给javascript / ajax -单一脚本
我通过链接向javascript/ajax发送一个变量，但希望通过表单发送，这样我也可以传递用户输入。(这是一个插件，它与一个电子商务Remix脚本接口来创建音频编辑)。简短的问题是，我如何在WP ajax javascript中接收到这一点：
<form id="receive_me" method="POST">
Username: <input type="text" name="user_variable">
<input type="hidden" name="generated_var" value="'.$arguments.'">
<input type="submit" value="Submit">
</form>联合来文：
function glitch_player_display(generated_var) {
jQuery.ajax({
type: 'POST',
url: ajaxglitch_playerajax.ajaxurl,
data: {
action: 'ajaxglitch_player_ajaxhandler',
mix_name: mix_name
},
success: function(data, textStatus, XMLHttpRequest) {
var showglitchplayer = '#showglitchplayer';
jQuery(showglitchplayer).html('');
jQuery(showglitchplayer).append(data);
},
error: function(MLHttpRequest, textStatus, errorThrown) {
alert(errorThrown);
}
});
}这是PHP当前的内容：
function glitch_player_show_make_mix(){
$result = "";
$generated_var = wp_create_nonce("ajaxloadpost_nonce");
$arguments = "'".$nonce."'";
$link = ' <div id="make_button"><a onclick="glitch_player_display('.$arguments.');">'. "Link Title" .'</a></div>';
$result .= '<h3>' . $link . '</h3>';
$result .= '<div id="showglitchplayer">';
$result .= '</div>';
$result .= '<div id="play_button"><a title="The Title" href="'.plugin_URL.$generated_var.'.mp3">First Mix</a></div>';
return $result;
}
add_action( 'wp_ajax_nopriv_ajaxglitch_player_ajaxhandler', 'ajaxglitch_player_ajaxhandler' );
add_action( 'wp_ajax_ajaxglitch_player_ajaxhandler', 'ajaxglitch_player_ajaxhandler' );
function ajaxglitch_player_ajaxhandler(){
$generated_var = isset( $_POST['generated_var'] )? $_POST['generated_var'] : false;
error_log( "The generated_var is $generated_var" ); // write it to the error_log too.)但我不知道如何接收到javascript的帖子。像这样的东西吗？
$('#inputForm').submit(function glitch_player_display(mix_name)我不需要第二个php脚本，对吗？我将感激有一点进一步(或完全)在正确的方向。
谢谢你好好待着。
答:根据下面的输入，下面是通过表单发送变量的方法之一：
<form id="form_id" name="form" method="post">
Field Title: <input type="text" id="user_input" size = 2>
<input type="hidden" id="mix_name" value="'.$arguments.'">
<input id="btn-submit" type="submit" onclick="glitch_player_display()" value="Submit">
</form>这是JS/jQuery
function glitch_player_display() {
user_input = document.getElementById("user_input").value ? document.getElementById("user_input").value : 2;
generated_var = document.getElementById("generated_var").value ? document.getElementById("generated_var").value : "Default_Var";
$(document).on('submit', '#form_id', function(event){
event.preventDefault();
});
jQuery.ajax({
beforeSend: function() {
alert(generated_var + " in ajax user_input: " + user_input);
},
type: 'POST',
url: ajaxglitch_playerajax.ajaxurl,
data: {
action: 'ajaxglitch_player_ajaxhandler',
generated_var: generated_var,
user_input: user_input
},
success: function(data, textStatus, XMLHttpRequest) {play_button
var showglitchplayer = '#showglitchplayer';
jQuery(showglitchplayer).html('');
jQuery(showglitchplayer).append(data);
},
error: function(MLHttpRequest, textStatus, errorThrown) {
alert(errorThrown);
}
});
}注意，我们没有像在第一种情况下那样将变量发送到js函数glitch_player_display()。我们正在通过document.getElementById("user_input").value在JS功能中获取它。也是
beforeSend: function() {
alert(generated_var + " in ajax user_input: " + user_input);
},只是测试和查看jQuery.ajax函数实际接收到什么的一种方法。由于我们实际上并不是通过submit按钮调用另一个脚本，所以有必要调用
$(document).on('submit', '#form_id', function(event){
event.preventDefault();
});所以jQuery (或JS?)不认为它应该找到另一个脚本并生成一个错误，在本例中，该错误将user_variable替换为Object对象。可以使用console_log()查看该对象，我认为它是一个巨大的错误对象。
回答 2
Stack Overflow用户
发布于 2014-06-03 22:14:31
首先，要启动ajax请求，需要防止表单提交的默认行为。
$('#inputForm').submit(function(e) {
// Prevent submitting the form normal way
e.preventDefault();
// Now call the function that handles the ajax request
glitch_player_display();
})您需要从表单中获取值。您可以在.submit事件处理程序中这样做，并将mix_name作为参数传递给glitch_player_display(mix_name)函数，或者只需调用不带参数的glitch_player_display()，并通过jquery在此函数中获取值。而不是你向ajaxglitch_playerajax.ajaxurl提出ajax请求。在服务器端处理它，然后从服务器端返回响应。
Stack Overflow用户
发布于 2014-06-03 21:53:37
您的按钮应该使用onclick="“参数调用javascript函数，而javascript函数可以使用documet.getElementById(”字段名称“).value访问字段，以满足您的需要。只需给每个字段一个ID=“字段名”，将“字段名”替换为每个字段的唯一ID，然后使用document.getElementById()访问该ID。
https://stackoverflow.com/questions/24025526
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号