JQuery-Ajax后台提交数据与获取数据 Java代码
- function jqajax(){
- var urlName = $("#urlName").val();
- var urla = $("#url").val();
- var pid = $("#pid").val();
- var url = "http://192.168.2.3:3001/address/post";//后台数据库接口
- $.ajax({
- type: "post",
- url: url,
- data: {urlName:urlName,url:urla},
- dataType:"JSONP",
- jsonpCallback:"flightHandler",
- //beforeSend: function(){
- // $("#span_content").text("数据处理中...");
- //},
- //success: function(msg){
- // $("#show").html(msg);
- success:function(t){
- if(t.status == 'success'){
- alert('yesssss');
- }else{
- alert('noooooooooo');
- }
- }
- });
- }
上面是提交数据
下面是获取数据
- function jqajax(){
- $.ajax({
- url: "http://192.168.2.3:3001/address/get/list?page=11&limit=20",//页数11 每页20条
- //获取数据接口
- type: "GET",
- dataType: "jsonp",
- jsonpCallback:"flightHandler",
- success: function (data) {
- data.data.forEach(function(d){
- var customers_html = "<div class='list-style' data-id="+ d.id + " ><p class='p1'><a href='" + '"' + d.url_str + '"' + "'>"+d.url_name+"</a></p><p><span id=" + d.url_str + " data-id="+ d.id + " data-dd="+ d.pid + ">"+"修改"+"</span><span id=" + d.id + " >"+"删除"+"</span></p></div>";
- // onclick='ShowDiv("+'"'+MyDiv+'"'+","+'"'+fade+'"'+")'
- $(".list").prepend(customers_html);
- //$("#sure").bind()("click", function () {
- //
- //})
- //var id = $(this).attr("id");
- //var dd = $(this).attr("data-id");
- //document.getElementById("change").value = d.id;
- //document.getElementById("typ").value = d.pid;
- $("#" + d.id ).bind("click", function () {
- document.getElementById("MyDiv").style.display='block';
- document.getElementById("fade").style.display='block' ;
- var bgdiv = document.getElementById("fade");
- bgdiv.style.width = document.body.scrollWidth;
- // bgdiv.style.height = $(document).height();
- $("#"+fade).height($(document).height());//???????
- $(this).closest(".list-style").remove();
- });
- //$("#" + d.id ).bind("click", function () {
- // //获取ID
- // console.log("2222222222222222222222222222222222222222");
- // var id = $(this).attr("data-id");
- // //AJAX发送给服务端
- // console.log(id);
- // //删除元素
- //
- // //选中当权元素的祖级中class为list-style的元素,执行删除
- // $(this).closest(".list-style").remove();
- //});
- $("#" + d.url_str ).bind("click", function () {
- //获取ID
- var id = $(this).attr("data-id");
- document.getElementById("change").value = id;
- var dd = $(this).attr("data-dd");
- document.getElementById("typ").value = dd;
- //AJAX发送给服务端
- //删除元素
- //选中当权元素的祖级中class为list-style的元素,执行删除
- document.getElementById("MyDi").style.display='block';
- document.getElementById("fad").style.display='block' ;
- var bgdiv = document.getElementById("fad");
- bgdiv.style.width = document.body.scrollWidth;
- // bgdiv.style.height = $(document).height();
- $("#"+fad).height($(document).height());//???????
- });
- })
- },
- error: function (data) {
- alert();
- },
- complete: function (data) {
- }
- });
- }
JQuery-Ajax后台提交数据与获取数据 Java代码的更多相关文章
- C# 后台POST和GET 获取数据
C# 后台POST和GET 获取数据 , data.Length); newStream.Close(); HttpWebResponse myResponse = (HttpWebR ...
- Android开发:SharedPreferences 存储数据、获取数据
Android开发:SharedPreferences 存储数据.获取数据 email:chentravelling@163.com 开发环境:win7 64位,Android Studio. 关于S ...
- 在MyBatis中查询数据、涉及多参数的数据访问操作、插入数据时获取数据自增长的id、关联表查询操作、动态SQL、关于配置MyBatis映射没有代码提示的解决方案
1. 单元测试 在单元测试中,每个测试方法都需要执行相同的前置代码和后置代码,则可以自定义2个方法,分别在这2个方法中执行前置代码和后置代码,并为这2个方法添加@Before和@After注解,然后, ...
- JQuery-Ajax后台提交数据与获取数据
function jqajax(){ var urlName = $("#urlName").val(); var urla = $("#url").val() ...
- jquery ajax 后台和前台数据交互 C#
<input type="button" id="updateInfo" value="更改货载重量" /> <div i ...
- JQuery UI之Autocomplete(2)后端获取数据
1.Autocomplete获取后台数据 首先引入css和js文件,以及对应的HTML代码如下: <link href="../css/jquery-ui.css" rel= ...
- Asp.Net MVC WebAPI的创建与前台Jquery ajax后台HttpClient调用详解
1.什么是WebApi,它有什么用途? Web API是一个比较宽泛的概念.这里我们提到Web API特指ASP.NET MVC Web API.在新出的MVC中,增加了WebAPI,用于提供REST ...
- jQuery ajax的提交
1.利用jQuery中的aja提交数据,首先引入jQuery中的文件 2.jquery.form.js下载地址:http://vdisk.weibo.com/s/thY_x31gX0M-p?categ ...
- DotNetBar 中 SuperGridControl 加载数据、获取数据、设置样式
1.加载数据 构建列 //加载列 GridColumn gd = new GridColumn(); gd.Name = "第1"; gd.HeaderText = "第 ...
随机推荐
- pycharm开启代码智能提示和报错提示
天呐,经历了一大波周折,终于把提示给弄好了,加入没有提示的话,pycharm就是一个空格了,没有什么作用,对我来说,真的是很困难的事情,所以无论如何都要去把这个智能提示给搞好了. 先讲讲我的经历吧.我 ...
- union查询
select id, uid, money, FROM_UNIXTIME(created) as created, type FROM ( #type=1是 cjw_finance_bonus ...
- DBGrid相关技术整理
DBGrid相关技术整理: 注:对于DBGrid相关属性.方法的学习融入到技术整理过程中 一,多选 设置属性: Options->dgMultiSelect = True; ->dgRow ...
- Python程序性能分析模块----------cProfile
cProfile分析器可以用来计算程序整个运行时间,还可以单独计算每个函数运行时间,并且告诉你这个函数被调用多少次 def foo(): pass import cProfile cProfile.r ...
- Linux特殊字符含义
文件名以 ' . ' 开头的都是隐藏文件或目录,只需要在文件或目录名前添加 ' . ' 就可以隐藏它 ~ 表示主目录 . 当前目录 . . ...
- (转) Parameter estimation for text analysis 暨LDA学习小结
Reading Note : Parameter estimation for text analysis 暨LDA学习小结 原文:http://www.xperseverance.net/blogs ...
- POJ2104:K-th Number——题解
http://poj.org/problem?id=2104 题目大意:求区间第k小. —————————————————————————— 主席树板子题. ……我看了半天现在还是一知半解的状态所以应 ...
- Django 2.0 URL
Overview¶ A view is a “type” of Web page in your Django application that generally serves a specific ...
- Uva-oj Palindromes 暴力
Palindromes Time Limit:3000MS Memory Limit:0KB 64bit IO Format:%lld & %llu Submit Statu ...
- ACM.hdu1025
to get the ans of how many roads at most that can be built between two line without intersection of ...