php div图片局部刷新,前端jquery 后端 thinkphp 实现局部刷新
本例 用jquery 实现 通过把一个标签的变量传递给后台处理后,然后返回给前台另外一个变量
大致流程是这样的:前端编写html代码 ,加入要局部刷新的 jquery代码并指定要响应的url,
首先得知道 jquery 是 javascript 的一个框架
接着了解 jquery的一些语法
$('#getkey')-----获取标签id 为 getkey 的对象
处理函数放在 $(function)({ });里面
$('#getkey').click(function(){ ----getkey对象的click函数
})
下面是完整的一段 js代码
var url='__URL__/GetAppKey';
$(function(){
$('#getkey').click(function(){ //单击 $('#getkey') 标签 响应
$.post(url,
{
packagename:$('#package').val() //传递给后台的参数
},
function(success){
$('#key').val(success); //成功后返回 ,设置 $('#key')的值
})
});
});
jQuery.post(url,data,success(data, textStatus, jqXHR),dataType)--说明
参数 描述
url 必需。规定把请求发送到哪个 URL。
data 可选。映射或字符串值。规定连同请求发送到服务器的数据。
success(data, textStatus, jqXHR) 可选。请求成功时执行的回调函数。
dataType 可选。规定预期的服务器响应的数据类型。
默认执行智能判断(xml、json、script 或 html)。
对上面那段js代码的解释如下:
得到标签 id 为getkey 的对象,单击该标签的处理函数如下,
对 url 这个地址 发送post 请求,同时带上参数 packagename:$('#package').val()
并且 设置 标签id为key 的值 为 post返回的结果
接下来看 url 对应到 php代码
public function GetAppKey($packagename)
{
/*
计算 APP的key值
*/
echo $key=$packagename;
}
---------------------------------------完整的代码------------------------------------
html 前端
var url='__URL__/GetAppKey';
$(function(){
$('#getkey').click(function(){
$.post(url,
{
packagename:$('#package').val(),
aa:'aa'
},
function(success){
$('#key').val(success);
})
});
});
--------------------后台php代码----------------
/* 获取app的唯一key */ public function GetAppKey($packagename,$aa) { /* 计算 APP的key值 */ echo md5($packagename); // $this->ajaxReturn(array($key),'json'); // $this->assign('key',md5($key)); //$this->display(AddApp); }
php div图片局部刷新,前端jquery 后端 thinkphp 实现局部刷新相关推荐
- 新版H5盲盒商城系统源码(前端uniapp后端thinkphp)+详细安装教程+数据库
vue(uniapp)+ tp5框架编写,H5网页,前后端分离,开源无加密无授权,可以二开使用.uniapp开发的前端,可以方便的打包为小程序.H5或者app,方便多渠道运营. 含充值3级分销,盲盒回 ...
- asp ajax局部刷新,ASP.Net用jQuery ajax实现页面局部刷新
刚开始的时候使用asp的updatepanel控件实现局部刷新,而且在本地运行正确,但是部署到服务器上就变成整个页面全部刷新了.服务器用的是Windows server2000,本地机子上用的是win ...
- jquery 在div追加文本_前端技术--JQuery
JQuery 一.引言 1.JQuery是一个基于javascript语言的框架 --- 是对js代码的合理封装 2.js缺点,jquery优点 1)js代码比较复杂 var tag = docum ...
- 使用MultipartFile+ElementUi(el-upload)实现前端向后端传图片
引言: 在前后端交互的过程中,数据的传输可以说是交互的核心,这篇博客是对前端向后端传输图片的介绍.后端使用的是SpringMvc框架,前端使用的是Vue.2x结合ElementUi组件库实现交互. M ...
- 前端通过后端返回的url下载图片方法
前端通过后端返回的url下载图片方法: 1.a标签下载方式: <div class="code-info"><img :src="data.qrCode ...
- 2010.02.03——Jquery ajax 动态更新 局部刷新
2010.02.03--Jquery ajax 动态更新 局部刷新 最后的效果如图所示 ,说要达到的目标就是: 当我选着不同的时间,最后一列的时间也跟着变,并且将一系列的参数传到后台,计算出结果,并填 ...
- JQuery 再谈ajax局部刷新
JQuery 再谈ajax局部刷新. 案例: 描述: 1. 点击登录则弹出登录对话框 2. 如果用户名密码不正确,则提示错误信息 3. 当输入信息正确,则刷新登录信息,显示用户名和退出按钮 4. 点击 ...
- ajax自动局部刷新,jQuery如何实现AJAX定时刷新局部页面
jQuery如何实现AJAX定时刷新局部页面 发布时间:2021-06-25 09:47:48 来源:亿速云 阅读:75 作者:小新 这篇文章主要介绍了jQuery如何实现AJAX定时刷新局部页面,具 ...
- python的前端和后端_前端与后端的数据交互(jquery ajax+python flask)
前端与后端的数据交互,最常用的就是GET.POST,比较常用的用法是:提交表单数据到后端,后端返回json 前端的数据发送与接收 1)提交表单数据 2)提交JSON数据 后端的数据接收与响应 1)接收 ...
最新文章
- 今天mtk笔试,没信心了
- 网络工程中的割接是什么意思?
- 带宽与流量的基本概念(更新)
- dotnetClub 的前世今生
- mysql表单查询_MySQL表单集合查询
- 返回List的分页方法
- SqlBulkCopy(大数据量拷贝)
- oracle分析函数技术详解(配上开窗函数over())
- 安装Sublime Text 3
- win10重装为Ubuntu 20.04
- 如何解决安装或者卸载时 临时文件夹已满或不能访问
- 记 flip 简单的动画思路
- Mathematica note
- 【Derivation】采样定理证明
- 淘淘商城---8.11
- 深入学习Linux摄像头(一)v4l2应用编程
- 新人成长:实习一个月感悟
- 精通手游运维的架构体系
- mysql桌面型数据库下载_桌面数据库下载v2019.12.001 安装版-西西软件下载
- 比 Elasticsearch 更快, RediSearch + RedisJSON = 王炸~
热门文章
- OpenCL™(开放计算语言)概述
- 多平台Gstreamer Multiplatform
- NVIDIA DGX SUPERPOD 企业解决方案
- MindSpore基准性能
- MindSpore API编程概述
- 全卷积目标检测:FCOS
- Java基础Switch和循环控制
- net start mysql 提示:服务名无效 请键入NET HELPING 2185以获得更多的帮助的问题
- Java/Android 调用类里面的方法
- Can't create handler inside thread Thread that has not called Looper.prepare()