ajax php java脚本集成不工作

我有一个html页面，通过它我通过ajax发送数据到PHP，但代码不工作。 HTMLajax php java脚本集成不工作

<form name='tip' method='post' action=''> 
     Tip somebody: <input name="tip_email" id=tip_email type="text" size="30" /> 
     <input type="submit" value="Skicka Tips" /> 
     <input type="hidden" id="ad_id" name="ad_id" /> 
</form> 
<script> 
     $('#submit').click(function() { 
       event.preventDefault(); 
       $.ajax({ 
         url: insertdata.php, 
         type: 'POST', 
         data: { 
           tip_email: $('#tip_email'), 
           ad_id: $('#ad_id') 
         }, 
         success: function(res) { 
           if (res == 'successful') { 
             alert("successful"); 
           } else { 
             alert("failed"); 
           } 
         }, 
         error: function() { 
           $('#status').html('Failed').slideDown(); 
         } 
       }); 
     }); 
</script>

PHP

<?php 
echo "successful" 
?>

我已经尝试了各种计算器可用的选项，但他们没有工作。

enter image description here

Uncaught ReferenceError: $ is not defined

$('#submit').click(function()

仍然没有工作 但是当我包括以上脚本代码时会在无限循环和投掷的错误为“未捕获的RangeError：超过最大调用堆栈大小“ 我在现有的代码中做了三处更改。 1）添加脚本src 我也尝试添加其他类似的脚本，但都显示相同的错误这意味着代码本身存在一些问题。 2）添加事件到陈述 $（'＃submit'）。click（function（event） 3）将php放在单引号中 url：'insertdata.php'。

来源

2017-06-24 Ravindra Solanki

您还没有的jQuery（或用'阿贾克斯（）'是用'$'作为快捷方式方法的任何库）。此外，选择器是错误的，因为没有元素与'ID =“提交”' – Andreas

它看起来像你忘了包括对jquery源的引用 – Christiaan

在开始脚本之前先添加jquery。它没有加载，这就是为什么$未定义错误来了。

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

，你是不是传递事件对象这里

$('#submit').click(function() {})

它添加在你的代码

$('#submit').click(function(event) {});

或者从您的输入按钮删除提交类型

<input type="button" value="Skicka Tips" />

来源

2017-06-24 09:37:26

@Andreas我更新了我的答案，我没有看到最后一行 –

首先，有n Øevent传入您的

$('#submit').click(function(){})

你不得不改变，要

$('#submit').click(function(event) {})

工作。

其次，你

<input type="submit" value="Skicka Tips" />

没有id这样的jQuery可以在使用#标识符找不到。

你要么必须改变，要

<input type="submit" id="submit" value="Skicka Tips" />

或形式使用onsubmit事件。

来源

2017-06-24 09:40:20 Luca

请在代码中完成修正为

1.) add script to below your form close - <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 

2.) add id in submit button - <input type="submit" id="submit" value="Skicka Tips" />

来源

2017-06-24 09:45:56

但当我包含上面的脚本来编码时，它会进入无限循环，并将错误报告为“Uncaught RangeError：Maximum call stack size exceeded” 我在现有的代码中做了三处更改。 1）添加了我也尝试添加其他类似的脚本，但都显示相同的错误 <！ - - > <！ - - > –

ajax php java脚本集成不工作

回答

相关问题