Loading a Codeigniter page from a different server

I am a beginner in the world of Codeigniter and Javascript, and I am in need of help. I want to load a page from another server using Codeigniter. What steps should I take to make this work?

    $("#select").change(function(){
        if($('#textbox').val() == ""){
            alert("Warning");
            return;
        }else{
            $('#overlay').show();
            var tglpayslip = $('#tglpayslip').val();
            var url = "http://192.168.88.7/index.php/home/payslip.php";
            $.post(url, tglpayslip, function(response){
                $('#overlay').hide();
                $('#payslip').html(response);
            });
        }
    });
javascriptajaxcodeignitercross-domain

Answer №1

When dealing with cross domain requests, JSONP is the way to go.

$("#select").change(function(){
        if($('#textbox').val() == ""){
            alert("Warning");
            return;
        }else{
            $('#overlay').show();
            var tglpayslip = $('#tglpayslip').val();
            var url = "http://192.168.88.7/index.php/home/payslip.php";
            $.ajax({
               type:"post",
               url:url,
               dataType: "jsonp",
               data:tglpayslip,
               success:function(response){
               $('#overlay').hide();
                $('#payslip').html(response);
               }
            });
        }
    });

Answer №2

Give this a try

var paySlipDate = $('#tglpayslip').val();
var apiUrl = "http://192.168.88.7/index.php/home/payslip.php";
            $.ajax({
               crossDomain: true,
               type:"post",
               url:apiUrl,
               dataType: "jsonp",
               data:paySlipDate,
               success:function(response){
               $('#overlay').hide();
                $('#payslip').html(response);
               }
            });

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Is there a more efficient method for iterating through this object?

Working with JSON and JS var data = { "countries": { "europe" : [{name: "England", abbr: "en"}, {name: "Spain", abbr: "es"}], "americas" : [{name: "United States"}], "asia" : [{name: "China"}] } }; JavaScript Loop for (k in data) { fo ...

javascriptjqueryjson

Trying to decide between using a Javascript or HTML5 PDF Editor?

I am in need of a solution that enables users to edit PDF files directly on an ASP.NET web page. This functionality is intended for creating templates and adding blocks/form fields to existing PDFs, complete with rulers and other necessary features. Desp ...

javascriptasp.nethtmlpdf-generation

What is the process of creating a model instance in a Nodejs controller?

Trying to work with the model object in Node using the sequelize module. It looks something like this: File structure: models index.js user.js controllers userController.js routes route.js ========================== models/users.js //created us ...

javascriptnode.jsexpressmodel-view-controller

When the user clicks the back button in AngularJS

After searching extensively, I have yet to find a straightforward solution to my issue. The problem lies in a search/filter field that filters the page based on user input. While this filter works efficiently, it clears whenever a navigation item is clicke ...

javascripthtmlangularjs

What is the best method to reset values in ngx-bootstrap date picker?

At the moment, it is only accepting the most recently selected values. To see a live demo, click here. ...

javascriptangulardatepicker

Received the error 'Headers cannot be set after they have been sent to the client' upon the second request

I created a web server that acts as a client-side application using socket.io-client and express. This setup is necessary for another project I am working on. The web server emits the posted string and responds by sending the served string when it receive ...

javascriptexpresssocket.io

Error: authentication failed during npm installation due to an incorrect URL

After executing npm install @types/js-cookie@^2.2.0, an error occurred: npm install @types/js-cookie@^2.2.0 npm ERR! code E401 npm ERR! Unable to authenticate, need: Basic realm="https://pkgsprodsu3weu.app.pkgs.visualstudio.com/" npm ERR! A com ...

javascriptnode.jsnpmnpm-install

Tips for containing a moving element within the boundaries of its container div

I have a dynamic box placed inside another box, and I want to restrict its movement within the boundaries of the parent container. How can I achieve this? In simpler terms: I need the frog to stay within the frogger. HTML <div id="frogger"> ...

javascriptcssanimationhtml

Utilizing scroll functionality within a DIV container

I have the following Javascript code that enables infinite scrolling on a webpage. Now, I am looking to implement this feature within a specific DIV element. How can I modify this code to achieve infinite scroll functionality inside a DIV? Any assistance ...

javascriptajaxinfinite-scroll

What is the best way to transfer a variable from jQuery to a PHP script?

While I am aware that similar questions have been asked in the past, I am facing a unique challenge in trying to create a table with distinct links and pass the id of the link to a PHP page. Here is what I have so far: echo("<p>To reser ...

javascriptphpjquery

When an element is dragged within the mcustomscrollbar container, the scroll does not automatically move downward

I am facing an issue where I have multiple draggable elements inside a Scrollbar using the mcustomscrollbar plugin. When I try to drag one of these elements to a droppable area located below the visible area of the scroller, the scroll does not automatical ...

javascripthtml

After stopping the interval with clearInterval(), you can then use the res.send method

I need to continuously log the current date and time to the server console then stop logging after a specified time, returning the final date and time to the user. How do I properly utilize ClearInterval() in this scenario? const express = require(" ...

javascriptnode.jsexpresssend

Is it possible to extract the image name from AngularJS and then integrate it into a Laravel blade template?

I encountered a challenge when trying to integrate Laravel blade with AngularJS. Both frameworks use the same markup for displaying variables, so I modified the AngularJS variable like this: $interpolateProvider.startSymbol('<%'); $ ...

javascriptphpangularjslaravellaravel-blade

The editor is locked and choices are displayed in a vertical orientation

I'm currently experimenting with using draft js in my project to create a wysiwyg editor. However, I've encountered an issue where the editor appears vertically instead of horizontally when I load the component. Any idea why this might be happen ...

javascripttypescriptnext.jsdraftjsreact-draft-wysiwyg

Grasping the idea of elevating state in React

I can't figure out why the setPostList([...postList, post]) is not working as expected in my code. My attempts to lift the state up have failed. What could be causing this issue? The postList array doesn't seem to be updating properly. I'v ...

javascriptreactjsvite

Date parsing error thrown by jQuery datepicker plugin

What could be causing the InvalidDate exception when attempting to parse the date using $.datepicker.parseDate("mm/yy","02/2008");? ...

javascriptjquerydatedatepicker

Tips for displaying "onclick" content beside dynamically generated content

I am working on a feature where a dynamically generated list has radio buttons displayed next to it. The goal is to show a dropdown list next to the specific radio button and list item that was changed. Essentially, if the radio button is set to "yes," I w ...

javascriptphpjqueryajaxjquery-events

When running npm install, the dist folder is not automatically generated

I found a helpful tutorial at this link for creating a Grafana plugin. However, when I tried copying the code from this link to my test server (without the dist/ folder) and ran npm install, it did not generate a new dist/ folder but created a node_module ...

javascriptnode.jsnpmnpm-installgrafana

Is there a way to extract the HTML source code of a website using jQuery or JavaScript similar to PHP's file_get_contents function?

Can this be achieved without a server? $.get("http://xxxxx.com", function (data) { alert(data); }); I have tried the above code but it seems to not display any output. ...

javascriptjqueryweb

Removing a field from a collection using firebase-admin: Tips and tricks

I currently have a collection stored in Firebase Realtime Database structured like this: https://i.sstatic.net/jNiaO.png My requirement is to remove the first element (the one ending with Wt6J) from the database using firebase-admin. Below is the code s ...

javascripttypescriptfirebasefirebase-realtime-database