Question

对不起，如果这是一个愚蠢的问题。我是Ajax的新手。我正在尝试更改验证凭证代码的Wordpress插件代码。代码在javascript中加载，从输入html字段调用它的id。

html看起来像这样：

<input type="text" id="woo_vou_voucher_code" name="woo_vou_voucher_code" value="" />

和js

    jQuery( document ).ready( function( $ ) {
// Check Voucher code is valid or not
    $( document ).on( 'click', '#woo_vou_check_voucher_code', function() {

        //Voucher Code
        var voucode = $( '#woo_vou_voucher_code' ).val();

        if( voucode == '' || voucode == 'undefine' ) {

            //hide submit row
            $( '.woo-vou-voucher-code-submit-wrap' ).fadeOut();

            $( '.woo-vou-voucher-code-msg' ).removeClass( 'woo-vou-voucher-code-success' ).addClass( 'woo-vou-voucher-code-error' ).html( WooVouCheck.check_code_error ).show();

        } else {

            //show loader
            $( '.woo-vou-check-voucher-code-loader' ).css( 'display', 'inline' );

            //hide error message
            $( '.woo-vou-voucher-code-msg' ).hide();

            var data = {
                            action  : 'woo_vou_check_voucher_code',
                            voucode : voucode
                        };
            //call ajax to chcek voucher code
            jQuery.post( WooVouCheck.ajaxurl, data, function( response ) {
                //alert( response );
                if( response == 'success' ) {

                    //show submit row
                    $( '.woo-vou-voucher-code-submit-wrap' ).fadeIn();

                    $( '.woo-vou-voucher-code-msg' ).removeClass( 'woo-vou-voucher-code-error' ).addClass( 'woo-vou-voucher-code-success' ).html( WooVouCheck.code_valid ).show();



                }

它工作得非常好，但我现在想要的是div里面的'.woo-vou-voucher-code-submit-wrap'我可以回应js文件中使用的voucode var。类似的东西：

<div class="woo-vou-voucher-code-submit-wrap"><?php echo $voucode; ?><div>

我不知道如何实现......

编辑：对不起，我只使用了回声。我需要的是在其他php函数中使用$ voucode。

<?php
                global $wpdb;
                $querystr = "SELECT post_id
                FROM $wpdb->postmeta
                WHERE
                (meta_key = '_woo_vou_purchased_codes' AND meta_value = '$voucode')";
                $postid = $wpdb->get_var($wpdb->prepare($querystr));?><div class="woo-vou-voucher-code-submit-wrap"><?php echo $postid; ?><div>

Answer 1

$('.woo-vou-voucher-code-submit-wrap').text(voucode);

Answer 2

由于你将voucode发布到php脚本，你的代码将在$_POST['voucode']中，然后按照你的意愿使用它。然后回显$postid以及成功消息

PHP

<?php
$voucode = $_POST['voucode'];
//do whatever processing
//..

if($validCode){
    echo "success,".$postid;
}

JS

//check that success is the first part of the response
if( response.indexOf('success') === 0 ) {
    var postid = response.split(",")[1];
    $( '.woo-vou-voucher-code-submit-wrap' ).text(postid).fadeIn();
}

这只是一个简单的例子。您可以使用其他响应类型，例如JSON，因此您不必进行字符串拆分或其他操作。

Answer 3

PHP在收到请求后呈现页面。 PHP在服务器上运行，因此一旦页面加载到您的用户那里就可以了。浏览器，你不能执行PHP代码。你需要使用JavaScript，在这种情况下是jQuery。

修改代码，无论何时想要添加变量的值，只需使用jQuery函数添加它。

$(".woo-vou-voucher-code-submit-wrap").text(voucode);

如果它是表单的输入字段，则使用函数val。

$(".woo-vou-voucher-code-submit-wrap").val(voucode);

在ajax调用之后使用php变量

3 个答案: