使用计算字段表单插件

I'm using 'Calculated Fields Form' plugin for WordPress. I have already created my form but it is not a premium version and I have to use HTML , CSS and JQuery to build a php file to email my customers request to my email . my php file :

$computers = $_POST['fieldname2_1'];
$servers = $_POST['fieldname3_1'];
$branches = $_POST['fieldname4_1'];
$support = $_POST['fieldname5_1'];
$price = $_POST['fieldname1_1'];
$name = $_POST['fieldname7_1'];
$email = $_POST['fieldname12_1'];
$phone = $_POST['fieldname8_1']; 
$to = 'danialskh@yahoo.com';
$subject = 'network supporting request';
$message = 'FROM: '.$name.' Email: '.$email.'Message: '.$message;
$headers = 'From: danialskh@yahoo.com' . "
";
if (filter_var($email, FILTER_VALIDATE_EMAIL)) { // this line checks that we have a valid email address
    mail($to, $subject, $message, $headers); //This method sends the mail.
    echo "درخواست شما ارسال شد !"; // success message
    }else{
        echo "ایمیل اشتباه است ! لطفا ایمیل صحیح را وارد کنید .";
    }

and I have this in my :

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
$(document).ready(function(){
$("#fieldname11_1").click(function(){
    $("#cp_calculatedfieldsf_pform_1").attr("action", "http://ariyannet.com/module/wp-content/themes/twentyseventeen/networkcustomer.php");
    $("#fieldname13_1").attr("type", "submit");
    $("#field_1-6").fadeIn(1000);
});
$("#fieldname14_1").click(function(){
    $("#field_1-6").fadeOut(1000);
});
$('#fieldname13_1').click(function() {
         $('#fieldname13_1').attr('value', 'لطفا صبر کنید ...');
         $.post("http://ariyannet.com/module/wp-content/themes/twentyseventeen/networkcustomer.php", $("#cp_calculatedfieldsf_pform_1").serialize(), function(response) {
             $('#fieldname15_1').html(response);
             $('#fieldname13_1').attr('value', 'ارسال');
         });
         return false;
});
});
</script>

but when I click on submit button of form , nothing happens !!! and if I don't use Jquery , after clicking on button , browser just shows me a raw version of my php file

anybody can help me ?

</div>
doubao6681
doubao6681 应该真正使用wordpressajax端点而不是创建自己的端点。如何做到这一点有很好的记录
接近 2 年之前 回复
dongpao1926
dongpao1926 不幸的是没有:(它显示原始
接近 2 年之前 回复
dongzhong2674
dongzhong2674 它现在有效吗?
接近 2 年之前 回复
dsgtew3241
dsgtew3241 是的,在你说之前我已经改变了
接近 2 年之前 回复
dsm0688
dsm0688 它是否在https上运行?你正试图请求如上所示的http?
接近 2 年之前 回复
douji4948
douji4948 我使用了一个扩展,它工作,但它已经显示我的原始代码
接近 2 年之前 回复
douhutongvm382381
douhutongvm382381 不,它在我的主机上运行(Cpanel)
接近 2 年之前 回复
douan4106
douan4106 您是在localhost服务器上运行上述代码还是在文件协议中打开?
接近 2 年之前 回复
dtzk85937
dtzk85937 谢谢,我检查了它,但在控制台中还有一个错误:无法加载ariyannet.com/module/wp-content/themes/twentyseventeen/...:请求的资源上没有'Access-Control-Allow-Origin'标头。因此,不允许来源'ariyannet.com'访问。
接近 2 年之前 回复
dongzhu7329
dongzhu7329 对于初学者,检查浏览器控制台是否有错Wordpress通常实现jQuery.noConflict(),它使$undefined会抛出错误。至于显示原始的PHP意味着它没有在服务器上编译
接近 2 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问