<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>保存</title><style>

	html body {

	margin:0px;padding:0px}

	li{

	display: inline;

	margin-right:25px;

    padding-top:15px!important;

	}

	ul{

	margin-top:0px;

	padding-top:12px;

	}

	#One{

	margin-left:10%;

	}

	a{

	font-size:25px

	}

	#CD{

	height:60px;

	background-color:blue;

	}

	a{

	text-decoration:none

	}

	a a:link{

	color:white;

	}

	a:visited{

	color:white;

	}

	a:active{

	color:white;

	}

	a:hover {

	color:red;

	}

	#nr{

	margin-top:5%;

	margin-left:10%;}

	</style>

</head>

<body>

<div id="CD">

<ul>

<li id="One"><a href="findAllUser.html" >查询所有</a></li>

<li><a href="findOneUser.html" >查询单个</a></li>

<li><a href="save.html" >增加</a></li>

<li><a href="update.html" >删除</a></li>

<li><a href="update.html" >修改</a></li>

</ul>

</div>

<div id="nr">

id<input type="text" name="id" id="id" style="margin-left: 34px"><br>

名字<input type="text" name="firstName" id="firstName" style="margin-left: 16px"><br>

姓<input type="text" name="lastName" id="lastName" style="margin-left: 32px"><br>

邮箱<input type="text" name="email" id="email" style="margin-left: 16px"><br>

手机号<input type="text" name="mobile" id="mobile" ><br>

生日<input type="text" name="dateOfBirth" id="dateOfBirth" style="margin-left: 16px"><br><br>

<button>保存</button><br><br>

</div>

<script src="jquery-3.3.1.min.js"></script>

<script type="text/javascript">

    $("button").on('click',function(){

        $obj={"id": $("#id").val(),"firstName": $("#firstName").val(),"lastName": $("#lastName").val(),"email": $("#email").val(),"mobile": $("#mobile").val(),"dateOfBirth": $("#dateOfBirth").val()};

//alert(JSON.stringify($obj));

        //alert($obj);

        $.ajax({

            cache: false,

            crossDomain: true,

            url: "http://192.168.0.120:8080/customers/",

            type: "POST",

            dataType:"json",

            contentType:"application/json",

            data:JSON.stringify($obj),

            success: function(data) {

                console.log(data);

            }

        });

    });

</script>

</body>

</html>

　　

Ajax增删改查-----------增的更多相关文章

  1. 【基础篇】js对本地文件增删改查--增

    前置条件: 1. 本地有安装node,点击传送门 项目目录: 1. msg.json内容 { "data": [ { "id": 1, "name&q ...

  2. hibernate关联对象的增删改查------增

    本文可作为,北京尚学堂马士兵hibernate课程的学习笔记. 这一节,我们看看hibernate关联关系的增删改查 就关联关系而已,咱们在上一节已经提了很多了,一对多,多对一,单向,双向... 其实 ...

  3. Sqlserver 增删改查----增

    注意我说的常见查询,可不是简单到一个表得增删改查,做过实际开发得人都知道,在实际开发中,真正牵扯到一个表得增删改查只能说占很小得一部分,大多都是好几个表的关联操作的. 下面我就说一下我在实际开发中经常 ...

  4. php 数据库内容增删改查----增

    首先,建立一个主页面(crud.php) <!DOCTYPE html> <html lang="en"> <head> <meta ch ...

  5. MongoDB的ObjectId和基本操作增删改查（3）

    ObjectId 基本操作增删改查 增: insert 介绍: mongodb存储的是文档,. 文档是json格式的对象. 语法: db.collectionName.insert(document) ...

  6. oracle初试、函数、增删改查、多表查询

      安装oracle后的测试以及解锁账户                  安装后打开命令行,输入 sqlplus 回车后会提示输入用户名,输入 sys或者system 回车后输入密码,密码为安装or ...

  7. SQL Server数据库————增删改查

    --增删改查--增 insert into 表名(列名) value(值列表) --删 delect from 表名 where 条件 --改 update 表名 set 列名=值1,列名2=值2 w ...

  8. python 全栈开发，Day5(字典,增删改查,其他操作方法)

    一.字典 字典是python中唯一的映射类型,采用键值对(key-value)的形式存储数据.存储大量的数据,是关系型数据,查询数据快. 列表是从头遍历到尾字典使用二分查找 二分查找也称折半查找(Bi ...

  9. MongoDB之增删改查

    MongoDB的默认端口为:27017 show  dbs   查看所有的数据库 MySQL和MongoDB的对应关系 MySQL MongoDB DB DB 数据库 table Collection ...

随机推荐

  1. 关于Vue的两层for循环

    vue的核心功能是for循环,双层for循环的场景也是比较常见. <script type="text/javascript"> var vm = new Vue({ ...

  2. 【python 网络爬虫】之scrapy系列

    网络爬虫之scripy系列 [scrapy网络爬虫]之0 爬虫与反扒 [scrapy网络爬虫]之一 scrapy框架简介和基础应用 [scrapy网络爬虫]之二 持久化操作 [scrapy网络爬虫]之 ...

  3. 【转】【Linux】Linux下统计当前文件夹下的文件个数、目录个数

    [转][Linux]Linux下统计当前文件夹下的文件个数.目录个数 统计当前文件夹下文件的个数,包括子文件夹里的 ls -lR|grep "^-"|wc -l 统计文件夹下目录的 ...

  4. Django-路由层

    URL配置(URLconf)就像Django所支撑网站的记录.它的本质是URL要为该URL调用的视图函数之间的映射表:你就是以这种方式告诉Django,对于客户端发来的某个URL调用哪一段逻辑代码对应 ...

  5. 【转】Java并发编程：Thread类的使用

    一.线程的状态 在正式学习Thread类中的具体方法之前,我们先来了解一下线程有哪些状态,这个将会有助于对Thread类中的方法的理解. 线程从创建到最终的消亡,要经历若干个状态.一般来说,线程包括以 ...

  6. P3203 [HNOI2010]弹飞绵羊 —— 懒标记？分块?LCT？...FAQ orz

    好久没写博客了哈,今天来水一篇._(:з」∠)_ 题目 :弹飞绵羊(一道省选题) 题目描述 某天,Lostmonkey发明了一种超级弹力装置,为了在他的绵羊朋友面前显摆,他邀请小绵羊一起玩个游戏.游戏 ...

  7. ebs 12.1.1升级到12.1.3

    升级过程参考 Oracle电子商务套件版本12.1.3自述文件 (文档 ID 1534411.1) 应用启动到维护模式 adadmin 打以下patch 9239089  9239090  92390 ...

  8. [C]控制外部变量访问权限的extern和static关键字

    一.extern 概述 编译器是由上至下编译源文件的,当遇到一些函数引用外部全局变量,而这个变量被定义在该函数声明主体的下方,又或者引用自其它的编译单元,这个情况就需要extern来向编译器表明此变量 ...

  9. SqlBulkCopy 之 Received an invalid column length from the bcp client for colid 5.

    SqlBulkCopy 批量复制报错: Received an invalid column length from the bcp client for colid 5. 翻译:从bcp客户端收到一 ...

  10. vue——router

    1.不同界面传参 <router-link :to="{path:'地址'},query:{name:val}">, 其它界面获取: this.$route.query ...