jquery post html字符串,jquery的post请求

接着昨天的get请求说，今天我们尝试写一个post请求，并发送到服务器。

昨天的后端代码要加一个接口，用来接收我们的前端发送的post请求。

先给后端加一个接口

image.png

这里有两个红框，request是flask中的请求对象，因为我们需要用它来获取请求中的参数(不论是get方法还是post方法)。Response用来构造要返回的对象。methods需要用数组的形式标注一下，不然默认login函数只能通过get方式请求。

这些都不是重点，下面我们写前端的post请求。

新建一个html文件，然后看一下代码：

jquery发送请求

点击发送post请求

$(function() {

$('#btn').click(function() {

$.post(

'http://127.0.0.1:5000/login',

{

username: 'admin',

password: '123'

function(result) {

alert(JSON.stringify(result));

$('#content').text(JSON.stringify(result));

}

);

});

记得引入jquery.js哦，不然

语法格式：$.post(url, data, function)

我们这次是发送的post请求，并在请求的data中加入两个字符串，用来表示用户名和密码，从而模拟登陆。请求发送到接口上时，后端通过request.form[key]的形式来读取参数，并对传入的参数进行校验，校验成功后返回“login success”，否则返回“login failed.”。最后把返回的结果序列化，并写入到div中。

简单吧，很多我们原来觉得难的东西也就那么回事！

加油！

jquery post html字符串,jquery的post请求相关推荐

ajax一次请求多条记录,Jquery 一次处理多个ajax请求的代码
Jquery 一次处理多个ajax请求的代码复制代码代码如下: $(document).ready(function () { $('#getsetgo').click(function () { ...
[js]jquery里的jsonp实现ajax异源请求
同源请求-jquery <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/ ...
jQuery中ajax的4种常用请求方式
jQuery中ajax的4种常用请求方式:1.$.ajax()返回其创建的 XMLHttpRequest 对象. $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信 ...
用jquery方法的字符串截取，jquery字符串截取
用jquery方法的字符串截取: 注意:索引从0开始 1 .indexOf: 查找子串在母串的第一次出现的索引值例如(qcby)在 str=dfgfskqcbydfd: var str=" ...
Java程序员从笨鸟到菜鸟之（八十九）跟我学jquery（五）jquery中的ajax详解
Ajax让用户页面丰富起来, 增强了用户体验. 使用Ajax是所有Web开发的必修课. 虽然Ajax技术并不复杂, 但是实现方式还是会因为每个开发人员的而有所差异.jQuery提供了一系列Ajax函数 ...
JQUERY插件学习之jQuery UI
jQuery UI:http://jqueryui.com/ jQuery UI介绍: jQuery UI 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库.包含底层用户交互 ...
java jquery ajax_[Java教程]jquery ajax 使用
[Java教程]jquery ajax 使用 0 2015-01-09 11:00:12 异步刷新实现方式有多种,也可以借助JS的多种框架,下面是使用JQuery框架实现的AJAX 验证用户名是否存在 ...
jQuery UI Autocomplete是jQuery UI的自动完成组件
jQuery UI Autocomplete是jQuery UI的自动完成组件,是我用过的最强大.最灵活的Autocomplete,它支持本地的Array/JSON数组.通过ajax请求的Array/ ...
jquery ajax content type,JQuery ajax的contentType
原理说明 Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据,然后用javascript来操作DOM而更新页面.XMLHttpRequest是ajax的核 ...

jquery post html字符串,jquery的post请求

jquery post html字符串,jquery的post请求相关推荐

最新文章

热门文章