关于前端和后端交互的AJAX玩法

<input type="text" id="txt1" cols="80" rows="3" />  //首先建立text,用来显示后端解析好的数据

<center><input type="button" id="button1" value="查询" /></center> //建立一个按钮 用来查询数据库并返回数据

<script>  //开始 AJAX显示代码
$("#button1").click(function(){   //取得按钮的ID 并在点击时触发函数

$.post("baojing.php",function(result){  //$.post("url(就是要连接的php)","{(参数)}","回调函数"{函数})

$("#txt1").attr("value",result);//用attr就是返回到被选标签value的值

});

})

这个就是AJAX全部内容 ,当时在PHP文件中用if $(isset("#button")){查询数据库,解析什么的...}但是 不用前面已经说的很清楚了  当点击时 POST到php页面  !!!

时间: 2024-10-26 02:05:09

关于前端和后端交互的AJAX玩法的相关文章

Vue-CLI项目-axios模块前后端交互(类似ajax提交)

08.31自我总结 Vue-CLI项目-axios前后端交互 一.模块的安装 npm install axios --save #--save可以不用写 二.配置main.js import axios from 'axios' Vue.prototype.$axios = axios; 三.使用 created() { // 组件创建成功的钩子函数 // 拿到要访问课程详情的课程id let id = this.$route.params.pk || this.$route.query.pk

Spring MVC前端与后端5种ajax交互方式

前端ajax与后端Spring MVC控制器有以下五种数据交互方式.(前台使用了dhtmlxGrid,后端使用了fastjson) 方式一  通过URL传参 通过URL挂接参数,如/auth/getUser?userid='6' 服务器端方法可编写为:getUser(String userid),也可新增其他参数如HttpSession, HttpServletRequest,HttpServletResponse,Mode,ModelAndView等. 方式二  单值传参 前台调用如: aja

iOS 前端和后端交互 get请求 post请求

get请求: 把我们想要获取的用户名和密码加到url后面,发送request请求到服务器,服务器去验证它(数据库)有没有相同的用户名和密码 -(void) getRequest { //第一步,创建URL NSURL *url = [NSURLURLWithString:@"http://192.168.99.17:8888/loginDome/foregroundAction!login?userName=admin&password=admin"]; //第二步,通过URL

从零开始学习WEB前端之数据交互(Ajax)

参考网址:   https://blog.csdn.net/yuzhiqiang_1993/article/details/70159122 原文地址:https://www.cnblogs.com/lucky-ball/p/10364547.html

前端与后端交互返回当前时间

# _author:来童星# date:2020/2/20# wsgi 框架from wsgiref.simple_server import make_server # environ为一个对象,封装了客户端的请求信息(environ是一个包含所有请求信息的dict对象)# start_response为服务器发送给浏览器(客户端)的响应信息import timedef current_time(request): cur_time_t = time.ctime(time.time()) f=

jQuery Ajax 前端和后端数据交互的问题

原理:前端与后端的数据交互,最常用的就是GET.POST,比较常用的用法是:提交表单数据到后端,后端返回json 前端的数据发送与接收1)提交表单数据2)提交JSON数据 后端的数据接收与响应1)接收GET请求数据2)接收POST请求数据3)响应请求 1.提交表单数据 1)GET请求 1 var data = { 2 "name": "test", 3 "age": 1 4 }; 5 $.ajax({ 6 type: 'GET', 7 url:

前后端如何实现ajax交互 https://www.imooc.com/article/10371

慕课网 免费课程 职业路径 实战 猿问 手记 下载APP 购物车 登录 / 注册 前端入门 Java小白入门 手记 \ 一个小案例搞懂前.后端是如何进行数据交互的 一个小案例搞懂前.后端是如何进行数据交互的 原创 2016-07-12 17:08:1258940浏览32评论 分享到 小字号 fhw2087 Web前端工程师做爱做的事 14篇手记13推荐 作者的热门手记 html+css+js制作简单钟表 4813浏览64推荐5评论 html+css+js扫雷原代码,可以直接试玩了 2703浏览4

写给刚入门的前端工程师的前后端交互指南

转自原文 写给刚入门的前端工程师的前后端交互指南 作为刚接触前端的不久的童鞋,大家都会兴奋于CSS和JS所带来漂亮界面,然而,前端工程师除了UI重构外,还有非常重要的职责在正确的区域渲染出服务端的数据.毕竟,我们要构建一个大的web应用,必然不是普普通通的静态页面构成. 下文将罗列将来前端工程师应该必备的同后端打交道的常用技能. 服务端渲染 谈起服务端渲染,对于动态服务而言,这个世界上跑的大多数页面都经历过服务端的数据渲染,接口->前端赋值->模版渲染 .这一切都在服务器完成,我们查看源码时候

SSM-网站后台管理系统制作(4)---Ajax前后端交互

前提:Ajax本身就为前后端交互服务的,实现功能:用户输入信息,实时判断用户的情况,这也是现在登录界面普遍流行的做法.前端js通过注释识别Controller层,该层查询返回,和之前Google验证码有点像. 学习教程:http://how2j.cn/ 菜鸟教程 上面都有讲解, 前端Ajax代码 1 </script> 2 3 <script language="javascript" type="text/javascript"> 4 $(