本例  用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 实现局部刷新相关推荐

  1. 新版H5盲盒商城系统源码(前端uniapp后端thinkphp)+详细安装教程+数据库

    vue(uniapp)+ tp5框架编写,H5网页,前后端分离,开源无加密无授权,可以二开使用.uniapp开发的前端,可以方便的打包为小程序.H5或者app,方便多渠道运营. 含充值3级分销,盲盒回 ...

  2. asp ajax局部刷新,ASP.Net用jQuery ajax实现页面局部刷新

    刚开始的时候使用asp的updatepanel控件实现局部刷新,而且在本地运行正确,但是部署到服务器上就变成整个页面全部刷新了.服务器用的是Windows server2000,本地机子上用的是win ...

  3. jquery 在div追加文本_前端技术--JQuery

    JQuery 一.引言 1.JQuery是一个基于javascript语言的框架 --- 是对js代码的合理封装 2.js缺点,jquery优点 ​1)js代码比较复杂 var tag = docum ...

  4. 使用MultipartFile+ElementUi(el-upload)实现前端向后端传图片

    引言: 在前后端交互的过程中,数据的传输可以说是交互的核心,这篇博客是对前端向后端传输图片的介绍.后端使用的是SpringMvc框架,前端使用的是Vue.2x结合ElementUi组件库实现交互. M ...

  5. 前端通过后端返回的url下载图片方法

    前端通过后端返回的url下载图片方法: 1.a标签下载方式: <div class="code-info"><img :src="data.qrCode ...

  6. 2010.02.03——Jquery ajax 动态更新 局部刷新

    2010.02.03--Jquery ajax 动态更新 局部刷新 最后的效果如图所示 ,说要达到的目标就是: 当我选着不同的时间,最后一列的时间也跟着变,并且将一系列的参数传到后台,计算出结果,并填 ...

  7. JQuery 再谈ajax局部刷新

    JQuery 再谈ajax局部刷新. 案例: 描述: 1. 点击登录则弹出登录对话框 2. 如果用户名密码不正确,则提示错误信息 3. 当输入信息正确,则刷新登录信息,显示用户名和退出按钮 4. 点击 ...

  8. ajax自动局部刷新,jQuery如何实现AJAX定时刷新局部页面

    jQuery如何实现AJAX定时刷新局部页面 发布时间:2021-06-25 09:47:48 来源:亿速云 阅读:75 作者:小新 这篇文章主要介绍了jQuery如何实现AJAX定时刷新局部页面,具 ...

  9. python的前端和后端_前端与后端的数据交互(jquery ajax+python flask)

    前端与后端的数据交互,最常用的就是GET.POST,比较常用的用法是:提交表单数据到后端,后端返回json 前端的数据发送与接收 1)提交表单数据 2)提交JSON数据 后端的数据接收与响应 1)接收 ...

最新文章

  1. 今天mtk笔试,没信心了
  2. 网络工程中的割接是什么意思?
  3. 带宽与流量的基本概念(更新)
  4. dotnetClub 的前世今生
  5. mysql表单查询_MySQL表单集合查询
  6. 返回List的分页方法
  7. SqlBulkCopy(大数据量拷贝)
  8. oracle分析函数技术详解(配上开窗函数over())
  9. 安装Sublime Text 3
  10. win10重装为Ubuntu 20.04
  11. 如何解决安装或者卸载时 临时文件夹已满或不能访问
  12. 记 flip 简单的动画思路
  13. Mathematica note
  14. 【Derivation】采样定理证明
  15. 淘淘商城---8.11
  16. 深入学习Linux摄像头(一)v4l2应用编程
  17. 新人成长:实习一个月感悟
  18. 精通手游运维的架构体系
  19. mysql桌面型数据库下载_桌面数据库下载v2019.12.001 安装版-西西软件下载
  20. 比 Elasticsearch 更快, RediSearch + RedisJSON = 王炸~

热门文章

  1. OpenCL™(开放计算语言)概述
  2. 多平台Gstreamer Multiplatform
  3. NVIDIA DGX SUPERPOD 企业解决方案
  4. MindSpore基准性能
  5. MindSpore API编程概述
  6. 全卷积目标检测:FCOS
  7. Java基础Switch和循环控制
  8. net start mysql 提示:服务名无效 请键入NET HELPING 2185以获得更多的帮助的问题
  9. Java/Android 调用类里面的方法
  10. Can't create handler inside thread Thread that has not called Looper.prepare()