JQuery-Ajax后台提交数据与获取数据
2016-06-02 10:57
711 查看
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) { } }); }
相关文章推荐
- struts2 + ajax(由前台的form提交数据到后台,再根据form所调用返回获取的后台json格式的数据返回到前端,然后前端用jquery对json数据进行解析)==》》涉及文件上传的部分
- struts2 + ajax(由前台的form提交数据到后台,再根据form所调用返回获取的后台json格式的数据返回到前端,然后前端用jquery对json数据进行解析)==》》涉及非文件上传的部分
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- ajax获取数据后初始化表单,以及提交表单到后台
- jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
- 用jquery实现ajax获取后台数据的示例
- 2017精华版:jquery 中 ajax,后台获取数据库json数据,显示在html页面 02
- Struts1.x下使用jquery的Ajax获取后台数据
- jquery 通过ajax请求获取后台数据显示在表格上的方法
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- jQuery 获取 ckeditor 数据 并 提交后台
- jquery如何通过ajax请求获取后台数据显示在表格上
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- 通过jquery封装的ajax获取后台json数据
- 使用jquery validate和ajax进行表单验证并向后台提交数据
- jquery-$.ajax提交与$.get获取数据