Tag: ajax

AJAX POST请求失败到同一页面（带示例）: 代码 ####### The name of this file is ‘test_ajaxfn.php’ ####### <?php if($_POST['var']) { $result = $_POST['var']; echo $result.' is successfully passed to the same page using Ajax Post. :)'; } else { echo 'There is no POST variable passed to the same page. 🙁 '; } echo ' Above indicates the ajax post function \’.\’ […]

如何在Angular中使用请求标头执行ajaxpost: 我在jquery中有一个工作代码，我使用request.setRequestHeader(“X-CSRF-Token”, $.cookie(‘token’));在表单中使用令牌发布数据request.setRequestHeader(“X-CSRF-Token”, $.cookie(‘token’)); 。我知道如何使用ng-model将表单数据转换为$scope ，但是如何将下面的submit_this()函数转换为角度兼容函数？ Jquery代码： $(“body”).on(“click”, “#login”, function() { var url = “http://localhost/lab/theapp/api/user/login.json”; var name = $(‘#user’).val(); var pass = $(‘#pass’).val(); var data = ‘username=’ + encodeURIComponent(name) + ‘&password=’ + encodeURIComponent(pass); var type = “post”; submit_this(type,data,url); }); //the function that need to be re-written for AngularJs function submit_this(type,data,url) { try { $.ajax({ url: […]

如何在JQuery中使用localStorage为ajax调用创建自定义缓存机制？: 我试图为我的ajax调用编写自定义缓存机制，这些调用主要是数据调用。因此，我不是将它们放在浏览器缓存中，而是将它们放在localStorage中以供长期使用。但我无法弄清楚如何伪造JQuery.ajax的请求完成。我可以成功拦截调用，但由于某种原因，我对回调函数的调用没有相同的范围。 $.ajaxPrefilter( function( options, originalOptions, jqXHR ) { var key; originalOptions.data = originalOptions.data || {}; key = options.localStorageKey = options.url + ‘?’ + $.param(originalOptions.data); var value = localStorage.getItem(key); if(value) { //Still not working jqXHR.abort();//Abort this call options.success(JSON.parse(value));//Call the callback function return jqXHR();//return xhr for chaining (?) } }); $(‘#logo’).ajaxComplete(function(e,xhr,settings) { //cache the […]

Ajax与codeigniter中的选择框: 我有一个带有两个选择框的表单。一个是城市，另一个是该地区。我的要求。当某人选择一个城市时，必须从数据库中捕获城市中的区域并显示在另一个选择框中。我试过但是，我的阿贾克斯有问题。这是我的代码如下。视图 Location select <option value="city_id; ?>”>name; ?> Area Any <option value="ara_id; ?>”>name; ?> 调节器 function __construct() { parent::__construct(); //session, url, satabase is set in auto load in the config $this->load->model(‘Home_model’, ‘home’); $this->load->library(‘pagination’); } function index(){ $data[‘city’] = $this->home->get_city_list(); $data[‘type’] = $this->home->get_property_type_list(); $this->load->view(‘home’, $data); } function get_area(){ $area_id = $this->uri->segment(3); […]

使用MVC中的Jquery上传文件: 我需要从我的模态弹出窗口使用jquery上传文件。但是我在ajax调用期间将HttpPostedFileBase视为null。任何人都可以帮我解决这个问题。下面是jquery代码： function uploadDocument(contactId, tripId, file) { if ($(‘#documentUploadInput’).val() == ”) { alertify.error(‘Please select a file to upload’); return; } $.ajax({ url: ‘/CRMDomain/ContactDetail/UploadDocument’, data: { contactId: contactId, tripId: tripId, file: file }, type: ‘POST’, success: function () { alertify.success(‘Uploaded’); $(‘#CRMUploadDocumentModal’).modal(‘hide’); }, error: function () { alertify.error(‘Not Uploaded’); } }); } 这就是我调用jquery函数的方式：

fancybox ajax图片库: 我正在尝试通过ajax加载fancybox图库。这是我第一次使用fancybox，我的jquery知识有限。这是我到目前为止所做的。画廊链接; galleryAj.php回显了如下图像链接列表; 这是javascript $(document).ready(function() { $(“.fancybox”) .attr(‘rel’, ‘gallery1’) .fancybox({ type: ‘ajax’, padding : 0 }); }); 当我单击图库链接时，所有图像都显示在彼此相邻的单个窗口中，而不是幻灯片放映。我已经搜索谷歌和堆栈溢出的答案没有成功。希望有人能提供帮助。提前致谢。

使用jQuery将变量大小的表单传递给PHP文件进行处理: 我有一个可变大小（长度）的表单，从MySQL数据库填充。共有4个字段构成用于创建按钮的信息（id，按钮＃，名称和价格）。提交表单时，我想将所有值保存到MySQl数据库，并使用成功消息更新页面底部的div。目前我有这个表格。 <?php $sql = "SELECT * FROM concessions ORDER BY button ASC "; $result = mysql_query($sql); echo " Button # Item Price Button “; while($row = mysql_fetch_array($result)) { echo “”; echo “”; echo “”; echo “”; echo “”; echo “”; echo “”; } echo “”; mysql_close($con); ?> 发送给它的任何PHP <?php $buttonArray = $_POST['btn']; […]

Jquery Mobile刷新列表: 我第一次使用jQuery Mobile（事实上，jQuery相关的任何东西），我已经设法放置一些嵌套的listview来显示内容。如何刷新这些嵌套列表？我已经看到有一个refresh（）函数，但我不确切知道在哪里/如何使用它或它它适合我的需要。有人可以帮助我这个吗？

如何访问动态菜单（JQuery）的第二级？: 我有一个菜单，只适用于1级和2级，但我需要更深入并显示所有子级别。加载时菜单是这样的： <a id="” class=”list-group-item active”> 我希望有这样的子级别，或者你可能以某种方式提供。 Home About us About us About us About us Sub Item 1 Sub Item 2 Sub item 3 Sub item 4 about Home Home Home Home 为实现这一目标，我正在使用这样一个脚本： $(document).ready(function(){ $(‘ul#mnav > li > a’).on(‘click’, function(e) { console.log(“Level 1”); e.preventDefault(); var cat = $(this).attr(‘id’); var url = ‘index.php?route=test/categoryx/child&category_id=’ + cat; […]

在由jquery .load（）加载的容器上使用lazyload.js: 我正在尝试在用C＃，ASP.net编写的电子商务网站上实现lazyload.js。我管理（在社区的帮助下，顺便感谢）正确设置产品列表的插件，但我还有一个“实时搜索框”，通过ajax .load（）方法从.apsx页面加载列表。问题是延迟加载在结果容器中不起作用。我尝试了所有设置，但仍然没有运气。我加载结果容器的结果页面实现了延迟加载并且可以工作，但是在我的ajax加载的容器中，图像只是不替换。这是加载搜索结果的代码（#srs是在搜索页面上保存产品列表的容器）： $(“.search-box-inner”).keyup(function(){ var uType=$(this).val(); uType=uType.replace(/\ /g, ‘%20′); var myLength = $(this).val().length; var url=”SearchLive.aspx?SearchTerm=”; var div=”#srs”; if((myLength>=3)){ $(“#search-results”).slideDown(“slow”); $(“#search-results”).load(url+uType+’ ‘+div); $(“.searchbox-spinner”).fadeIn(“slow”); setTimeout( “$(‘.searchbox-spinner’).fadeOut();”,1000 ); } if(myLength<2){ $("#search-results").slideUp("slow"); } }); 这是生成延迟加载图像的代码： <asp:Image ID="imagePath" class="lazy" height="100px" data-original='’ src=”http://placehold.it/100×100″ runat=”server” AlternateText=” /> 我尝试了一些东西，但没有设法打破低谷。请帮忙…