在Marketo提交时调用ajax

Question

我的需求

• 在wordpress插件中，我需要包含一个Marketo脚本
• 关于Marketo表单的提交，我需要使用Marketo形式元素进行一些计算。
• 在页面上显示结果

请提出一个解决方案来实现这一点。

我已经尝试过的

为此，我尝试在点击Marketo时使用ajax，但它不起作用，它停止得很快，甚至没有返回到Marketo中指定的ReturnURL。我试过的密码是：

 <script src="//xxxxx.marketo.com/js/forms2/js/forms2.min.js"></script>
<form id="mktoForm_1"></form>
<script>
MktoForms2.loadForm("//aqq-abc.marketo.com", "xxx-XXX-xxx", id1, function(form) {
    form.onSubmit(function(e) {e.preventDefault();

        var vals = form.vals();

        $.ajax({
          type: "POST", 
          url: "http://localhost:3422/wordpress/plugin/calculationFILE.php",
          data: {Value1:val["Email"],Value2: vals["Phone"]},
          success: function( data ) { alert(data); },
          error:  function( err ) {alert("Some thing went wrong! Please try again with your values.");}
        }); //ajax call end

        alert("OK after ajax"); //========>THIS IS NOT CALLED-but if ajax statement removed this alert fires. 
      });//OnSubmit end
});//loadForm End

• 其中所有的计算都要放在文件calculationFILE.php中
• 警报(“ajax后确定”)；/=>这不是调用-但是如果ajax语句删除了此警报，则会触发此警报。

编辑

我已经在上面的代码中包含了e.preventDefault()，我仍然无法看到ajax调用正在执行。我是否需要包括jQuery才能做到这一点？我在这里错过了什么。你提出的解决办法的建议将大大有助于取得进展。

Answer 1

为了进行ajax调用，我必须包括jQuery库。之后，它识别了ajax调用。完整的工作片段是

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//xxxxx.marketo.com/js/forms2/js/forms2.min.js"></script>
<form id="mktoForm_1"></form>
<script>
MktoForms2.loadForm("//aqq-abc.marketo.com", "xxx-XXX-xxx", id1, function(form) {
    form.onSubmit(function() {

        var vals = form.vals();

        $.ajax({
                    type: "POST", 
                    url: "http://localhost:3422/wordpress/wp-content/plugins/calM/new_generate.php",
                data: {Value1:vals.Email,Value2: vals.Phone},
        success: function( data ) {
                    alert(data);

        },
        error:  function( err ) {alert("Some thing went wrong! Please try again with your values.");}
        });

      });
});