Como por título.

Eu tenho um pedaço de jQuery que se parece com o seguinte

$("<div class='creditCardDetails' id='usercurrentccbox'>
    <div class='creditCard'>
    <div class='cardChoice'>
    <span>Choose Card Type</span>
    <input name='cctype' type='radio' value='V' class='lft-field' id='visa' />
    <label for='visa'></label>
    <input name='cctype' type='radio' value='M' class='lft-field' id='mastercard' />
    <label for='mastercard'></label><input name='cctype' type='radio' value='A' class='lft-field' id='amex' />
    <label for='amex'></label>
    </div>
    <!--cardChoice-->
    <div class='cardNumber'>
    <input name='ccn' id='ccn' type='text' class='long-field' value='<?php echo MaskCreditCard($loggedInfo[ccn]);?>' maxlength='19' readonly />
    </div>
    <div class='cardCVV'>
    <input name='cvv' id='cvv' type='text' maxlength='5' class='small-field' />
    </div>
    <div class='creditCardName'>
    <input name='ccname' id='ccname' type='text' class='long-field' value='<?php echo $loggedInfo[ccname];?>' readonly/>
    </div
    <div class='cardDate'>
    <input name='exp1' id='exp1' type='text' maxlength='2' class='small-field' value='<?php echo $loggedInfo[ccm];?>' readonly /><input name='exp2' id='exp2' type='text' maxlength='4' class='small-field' value='<?php echo $loggedInfo[ccy];?>' readonly />
    </div>
    </div><!--creditCard-->").insertAfter("#paymentCardChoice");

Mas como você verá, ele tem PHP Variables, se eu tiver isso embutido no meu arquivo PHP, isso funciona, mas eu quero manter o arquivo PHP o mais curto possível e colocar esse código dentro de um arquivo .js e é claro que minhas variáveis ​​são exibidas o texto do PHP não é a variável auto.

As variáveis ​​que estou tentando chamar já estão definidas em um arquivo config.php.

Eu precisaria usar algo assim? se assim for eu estou preso com como eu chamaria as variáveis ​​no código acima.

$.post('phpfile.php', qString, function (data) {

}, "json");