ajax_表单提交+tp5ajax
=======================================================
判断squery导入的是否正确？
$(function(){
alert('1');
})
=======================================================
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>111</title>
</head>
<body>
<form id="form1">
<a href="#">未注册</a><br>
<input type="text" name="username" id="username"><br>
<input type="text" name="pwd" id="pwd"><br>
<input type="button" value="提交" onclick="aa()">
</form>
</body>
</html>
<script type="text/javascript" src="jquery/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="jquery/jquery-1.10.2.min.map"></script>
<script type="text/javascript">
function aa(){
// alert('11');
// $.post(
//'1.php',
// {username: $('#username').val(),pwd: $('#pwd').val()},
// function(data) {
// alert(data.result);
// },
//"json");
$.ajax({
url: '1.php',
type: 'POST',
dataType: 'json',
// data: {username: $('#username').val()},
data:$('#form1').serialize(),
cache:false,
success:function(data){
alert(data.pwd);
}
})
}
</script>
=======================================================
=======================================================
<?php
header('Content-type: text/html; charset=utf-8');
$data['username']=$_POST['username'];
$data['pwd']=$_POST['pwd'];
// $aa['name']='张三';
// $data = array('result' => $_POST['username']);
// $data = array('error' =>'dui',"success"=>'cui');
// 不能有输出
echo json_encode($data);
?>
========================================================
========================================================
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form id="form1">
姓名：<input type="text" name="name">
age：<input type="text" name="age">
<input type="button" onclick="sub" value='提交'>
</form>
</body>
</html>
<script type="text/javascript" src="./jquery/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$("input[type=button]").click(function(){
// $.get('./1.php', {name: $("input[name=name]").val(),age: $("input[name=age]").val()}, function(data) {
// alert(data.result);
// },"json");
$.ajax({
type: 'post',
url: './1.php',
data: $('#form1').serialize(),//{name:1},
cache:false,
dataType:'json',
success:function(data) {
alert(data.name);
}
})
});
//console.log("success");
</script>
==============================================
buy: function(mss) {
var talk_html ='';
jQuery.ajax({
type: "get",
async: false,
url: "/index.php?m=Member&c=Usercp&a=get_bind_wechat",
contentType: "application/json; charset=utf-8",
dataType: "json",
cache: false,
success: function (s) {
//返回的数据用data.d获取内容
if (s.num != 0) {
var bind_tbs = s.list;
talk_html += '<font class="font font_2" style="padding-left: 20px;color:blue;">用此微信帐号参与任务：<select name="bind_taobao" id="bind_wechat">';
$.each(bind_tbs,function(k,tb) {
if (tb.is_default == 1) {
talk_html += '<option value="'+ tb.id +'" selected>'+ tb.account +'</option>';
}else{
talk_html += '<option value="'+ tb.id +'">'+ tb.account +'</option>';
}
});
talk_html += '</select></font><br/><p class="font font_2" style="font-size: 12px; padding-top: 9px;padding-left: 20px;">温馨提示:只有用选定的微信号参与任务,才可获得奖励</p><br/>';
}else{
talk_html += '<font class="font font_2" style="padding-left: 20px;color:blue;">暂无绑定的微信账号！<a href="/index.php?m=Member&c=Attesta&a=bindtaobao" target="_blank" style="color:red;">点此去绑定</a></font><br/>';
}
},
error: function (err) {
alert('获取微信帐号出错');
}
});
--------------------------------------------------------------
//获取会员已绑定的微信帐号
public function get_bind_wechat() {
$bind_tbs = get_bind_taobao($this->userid,'wechat');
$data['num'] =count($bind_tbs);
$data['list'] = $bind_tbs;
echo json_encode($data);
}
ajax_表单提交+tp5ajax的更多相关文章
- from表单提交数据之后，后台对象接受不到值
如果SSH框架下,前段页面通过from表单提交数据之后,在后台对象显示空值,也就是接收不到值得情况下.首先保证前段输入框有值,这个可以在提交的时候用jQuery的id或者name选择器alert弹出测 ...
- 不使用Ajax，如何实现表单提交不刷新页面
不使用Ajax,如何实现表单提交不刷新页面? 目前,我想到的是使用<iframe>,如果有其他的方式,后续再补. 举个栗子: 在表单上传文件的时候必须设置enctype="mul ...
- golang-web框架revel一个表单提交的总结
这里要介绍好是revel框架的表单post提交的列子,主要是用于入门学习,和一些知识点的讲解: 首先: 来了解一个问题那就是重复提交表单,做过form表单提交的同学都知道,如果表单提交后不做处理,那么 ...
- 关于我们经常用到的form表单提交
工作中遇到了太多太多的表单提交问题,曾经学过一个HTML的表单提交给 另外一个HTML页面,对于后台怎么获取有点想不起来了. 今天便做了几个实验,提交订单到后台,来掩饰后台如何接受表单内容: 实验 一 ...
- 天河微信小程序入门《四》：融会贯通，form表单提交数据库
天河在阔别了十几天之后终于又回来了.其实这篇文章里的demo是接着(天河微信小程序入门<三>)后面就做了的,但是因为最近在做别的项目,所以就偷懒没有发出来.放到今天来看,从前台提交数据到数 ...
- html表单提交方式
xml 表单提交方式: * 使用submit提交 <form> 要提交的数据 <input type="submit" /'> </form> ...
- form表单提交问题
1.提交后不能跳转到指定页面 jsp代码 <form class="form-horizontal" role="form"> <p clas ...
- Java EE之servlet处理表单提交的请求
1.在源包下新建一个Servlet页,取名为LoginServlet: package weinidingServlet; //该Servlet所 ...
- MVC中处理表单提交的方式（Ajax+Jquery）
MVC中处理表单有很多种方法,这里说到第一种方式:Ajax+Jquery 先看下表单: <form class="row form-body form-horizontal m-t&q ...
随机推荐
- C语言中static关键字的用法
C记得还是大一时学的,现在觉得好久没用了,又捧起来看看.今天刚看到有关static关键字,仔细地看了一遍<C和指针>这本书中的解释,现在觉得清楚多了. 首先,我们将static关键字,修饰 ...
- java sql
import java.sql.Connection;import java.sql.DriverManager;import java.sql.PreparedStatement;import ja ...
- 阿里云 redis 通过rinetd 进行端口透传
https://help.aliyun.com/document_detail/43850.html?spm=5176.7738718.2.3.yW2eyQ 目前云数据库 Redis 版需要通过 EC ...
- shell的含义
shell:壳,是操作linux最直接的方式,通过shell中输入命令和linux系统进行交互. shell是一个小盒子,每一个有独立的命名空间,登录后的操作就是一个shell(有可能是bash,zs ...
- PCA主成份分析
1 背景介绍 真实的训练数据总是存在各种各样的问题: 1. 比如拿到一个汽车的样本,里面既有以“千米/每小时”度量的最大速度特征,也有“英里/小时”的最大速度特征,显然这两个特征有一个多余. 2. ...
- Android Studio移动鼠标显示悬浮提示的设置方法
欢迎和大家交流技术相关问题: 邮箱: jiangxinnju@163.com 博客园地址: http://www.cnblogs.com/jiangxinnju GitHub地址: https://g ...
- 在Ubuntu下安装OpenJDK的方法
最近在看<深入理解Java虚拟机>就想试一下在ubuntu下安装一个自己的虚拟机,说实话还是废了些功夫的. 首先我的ubuntu版本是Ubuntu 14.04.5, 于是我就去OpenJD ...
- AutoMapper 使用总结
初识AutoMapper 在开始本篇文章之前,先来思考一个问题:一个项目分多层架构,如显示层.业务逻辑层.服务层.数据访问层.层与层访问需要数据载体,也就是类.如果多层通用一个类,一则会暴露出每层的字 ...
- Nginx服务器配置之location语法分析
location基本语法:location [=|~|~*|^~] /uri/ { - } = 严格匹配.如果这个查询匹配,那么将停止搜索并立即处理此请求. ~ 为区分大小写匹配(可用正则表达式) ! ...
- JAVA定时任务调度之Timer入门详解（一）
所谓的Timer,打开jdk的api文档可以看到它的定义:一种工具,线程用其安排以后在后台线程中执行的任务.可安排任务执行一次,或者定期重复执行.通俗点讲就是说:有且仅有一个后台线程对多个业务线程进行 ...