Javascript 将数据从php保存到ajax，并在插入新数据时更改div的颜色？
您好，我正在尝试使用ajax保存值并向他们发出警报，我正在使用php在我的sql表中插入ajax，但我的警报不起作用 这是我的密码 demo.phpJavascript 将数据从php保存到ajax，并在插入新数据时更改div的颜色？,javascript,php,jquery,mysql,ajax,Javascript,Php,Jquery,Mysql,Ajax,您好，我正在尝试使用ajax保存值并向他们发出警报，我正在使用php在我的sql表中插入ajax，但我的警报不起作用 这是我的密码 demo.php <html> <head> <script> function my(){ var name = document.getElementById("name").value; var last_name = document.g
<html>
<head>
<script>
function my(){
var name = document.getElementById("name").value;
var last_name = document.getElementById("last_name").value;
document.getElementsById('div1').style.backgroundColor = green;
var dataString = 'name='+name+'&last_name='+last_name;
$.ajax({
type:'POST',
data:dataString,
url:'demo.php',
success:function(data) {
alert(data);
}
});
} </script>
</head>
<body>
<form action="" method="post">
<input type="text" name="name" id="name" value="" />
<input type="text" name="last_name" id="last_name" value="" />
<input type="submit" name="Update" id="update" value="Update" onclick="my();" />
</form>
<div id="div1" style="width:300px;height: 50px;background-color: yellow;" >
</div>
</body>
</html>
<?php
include('conn.php');
if (isset($_POST['Update'])) {
$name = $_POST['name'];
$last_name = $_POST['last_name'];
echo $name;
$insert = "insert into ajaxsave values('$name','$last_name')";// Do Your Insert Query
if(mysql_query($insert)) {
echo "Success";
} else {
echo "Cannot Insert";
}
}?>
函数my（）{
var name=document.getElementById（“name”）.value；
var last_name=document.getElementById（“last_name”）.value；
document.getElementsById（'div1'）。style.backgroundColor=绿色；
var dataString='name='+name+'&last_name='+last_name；
$.ajax({
类型：'POST'，
数据：dataString，
url:'demo.php'，
成功：功能（数据）{
警报（数据）；
}
});
}
在“dataString”变量中发送两个参数，然后在php中检查未定义的变量“Update”
所以，只需替换字符串
if (isset($_POST['Update'])) {
到
并将此行添加到标记
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
在“dataString”变量中发送两个参数，然后在php中检查未定义的变量“Update”
所以，只需替换字符串
if (isset($_POST['Update'])) {
到
并将此行添加到标记
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
在“dataString”变量中发送两个参数，然后在php中检查未定义的变量“Update”
所以，只需替换字符串
if (isset($_POST['Update'])) {
到
并将此行添加到标记
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
在“dataString”变量中发送两个参数，然后在php中检查未定义的变量“Update”
所以，只需替换字符串
if (isset($_POST['Update'])) {
到
并将此行添加到标记
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
您需要进行的更改：
在使用jquery提供的$.ajax
实用程序函数时，将jquery添加为依赖项
在使用Jquery时，可以使用它的选择器获取元素的值，并将函数绑定到dom元素。我已经在源代码中对其进行了注释
您正在使用一个带有提交按钮的表单，并在单击它时执行ajax调用。但是，您需要通过阻止submit按钮的默认行为来阻止页面提交表单。请参阅event.preventDefault（）
将php ajax响应部分移到顶部，并在响应完成后调用exit（）
。否则，ajax响应也将包括整个页面的html源代码
您需要进行的更改：
在使用jquery提供的$.ajax
实用程序函数时，将jquery添加为依赖项
在使用Jquery时，可以使用它的选择器获取元素的值，并将函数绑定到dom元素。我已经在源代码中对其进行了注释
您正在使用一个带有提交按钮的表单，并在单击它时执行ajax调用。但是，您需要通过阻止submit按钮的默认行为来阻止页面提交表单。请参阅event.preventDefault（）
将php ajax响应部分移到顶部，并在响应完成后调用exit（）
。否则，ajax响应也将包括整个页面的html源代码
您需要进行的更改：
在使用jquery提供的$.ajax
实用程序函数时，将jquery添加为依赖项
在使用Jquery时，可以使用它的选择器获取元素的值，并将函数绑定到dom元素。我已经在源代码中对其进行了注释
您正在使用一个带有提交按钮的表单，并在单击它时执行ajax调用。但是，您需要通过阻止submit按钮的默认行为来阻止页面提交表单。请参阅event.preventDefault（）
将php ajax响应部分移到顶部，并在响应完成后调用exit（）
。否则，ajax响应也将包括整个页面的html源代码
您需要进行的更改：
在使用jquery提供的$.ajax
实用程序函数时，将jquery添加为依赖项
在使用Jquery时，可以使用它的选择器获取元素的值，并将函数绑定到dom元素。我已经在源代码中对其进行了注释
您正在使用一个带有提交按钮的表单，并在单击它时执行ajax调用。但是，您需要通过阻止submit按钮的默认行为来阻止页面提交表单。请参阅event.preventDefault（）
将php ajax响应部分移到顶部，并在响应完成后调用exit（）
。否则，ajax响应也将包括整个页面的html源代码
是否包含jQuery库？？您需要添加jQuery库，如果您有这样的代码，Ajax调用将返回一个完整的HTML页面，其中包含您的Java脚本和所有内容，以“Success”或“Cannot Insert”结束。如果你只是想从PHP的答复，你需要一个单独的文件，这。。。另外，jQuery没有加载到这个页面中，因此您的浏览器控制台中会出现错误……TMC的一个例子是：一个页面中的代码太多。您必须创建另一个PHP脚本来处理MYSQL
编码和回显，我应该包括哪些jquery库包括哪些jquery库？？您需要添加jquery库，如果您有这样的代码，Ajax调用将返回一个完整的HTML页面，其中包含您的JavaScripting和所有内容，以“成功”或“无法插入”结尾。如果你只是想从PHP的答复，你需要一个单独的文件，这。。。另外，jQuery没有加载到这个页面中，因此您的浏览器控制台中会出现错误……TMC的一个例子是：一个页面中的代码太多。您必须创建另一个PHP脚本来处理MYSQL
编码和回显，我应该包括哪些jquery库包括哪些jquery库？？您需要添加jquery库，如果您有这样的代码，Ajax调用将返回一个完整的HTML页面，其中包含您的JavaScripting和eve