Jquery ajax 完整实例子1
$ajax请求---------------------------------
var $personWifePs=$("#wife-money tbody tr");
var $personWife=$("#wife-money").find("input.write");
var $val=null;
$.ajax({
type: "POST",
url: "data/hm_monery_serceh.php",
success: function(dtmonery){
var $list = JSON.parse(dtmonery);
for(info in $list) {
$personWifePs.append(`<td>
<input id="d${n+=1}" value="${$list[info].monery}" class="write" type="text"/>
</td>`)
$personWife.val($list[info].monery);
}
}
});
$personWifePs.on("change",".write",function(){
var $iput=$(this);
$val=$(this).val();
var $index=$personWifePs.children().find("input").index($(this)[0]);
$.ajax({
type: "POST",
url: "data/hm_monery_update.php",
data: "id="+($index+1)+"&monery="+$val,
success: function(dtmonery){
var $listone = JSON.parse(dtmonery);
$iput.val($listone.monery);
}
});
});
PHP公共---------------------------------
<?php
//1:将连接数据库与设置编码程序保存
// init.php中
//2:哪个php需要数据库连接
// require('init.php');
//require加载-->init.php
$conn = mysqli_connect('127.0.0.1','root','','home');
$sql = "SET NAMES UTF8";
mysqli_query($conn,$sql);
?>
更新PHP-------------------
<?php
//1:修改响应数据类型
header("Content-Type:text/plain;charset=utf-8");
//2:获取所有参数
@$n = $_REQUEST['id'] or die("-2");
@$m = $_REQUEST['monery'] or die("-3");
//3:连接数据库 设置编码
require("init.php");
//4:创建sql 发送sql
$sql = "UPDATE hm_moneryone SET monery =$m WHERE id = $n ";
$result = mysqli_query($conn,$sql);
$sql = "SELECT * FROM hm_moneryone WHERE id=$n";
$result = mysqli_query($conn,$sql);
$back = mysqli_fetch_assoc($result);
$json = json_encode($back);
echo $json;
?>
查询PHP--------------------
<?php
//0:修改响应头消息 text/html
header("Content-Type:text/html;charset=utf-8");
//2:连接数据库 设置编码
require("init.php");
//3:创建sql 发送sql
$sql = "SELECT * FROM hm_moneryone";
//4:抓取多行记录
$result = mysqli_query($conn,$sql);
$rows = mysqli_fetch_all($result,MYSQLI_ASSOC);
$json = json_encode($rows);
echo $json;
?>
相关文章
- jQuery显示隐藏密码插件jquery.toggle-password演示
- jquery ajax 设置全局(常量和变量)
- jquery.attach附件上传jquery插件
- jQuery分页插件(jquery.page.js)的使用
- JS框架_(JQuery.js)网页文字评论弹幕
- jQuery获取当前按钮的id
- jquery ajax中 php前台后台文件中编辑都是uft-8,返回数据还是乱码
- jQuery源码-class操作
- 第一百七十四节,jQuery,Ajax进阶
- jQuery Address全站 AJAX 完整案例详解
- jQuery 文档操作 - insertAfter() ,insertBefore(),after(),before() 方法
- Jquery实现Bootstrap树形列表
- JQuery的Ajax跨域请求的解决方案
- jQuery自定义$.XXX插件
- jQuery ajax简单案例-验证用户名是否可用
- jQuery UI 实例 - 切换 Class(Toggle Class)
- jquery 的 ajax 传输 数组 ,但后台无法获取的 原因 与 解决 办法
- jquery升级到新版本报错[jQuery] Cannot read property ‘msie’ of undefined错误的解决方法(转)
- js-jquery-数组遍历
- jquery json ajax -2
- jQuery整理笔记八----jQuery的Ajax
- jquery-data的三种用法
- jquery sortTable拖拽排序
- axios替换jquery的ajax
- 异步通信技术AJAX | AJAX乱码问题、异步与同步、手动封装一个jQuery库