Using VB.NET I am filling in a one <input> element.  That element isn't part of a form... it is part of Ajax.

Upon entering text into the input element and hitting the Enter key Ajax posts the contents of the form to another page.

How can I do this using VB.NET.

If the data that I am entering into the input element is appending with Chr(13) or Chr(10) this doesn't help.

Looking to move audio player from development site.

Hi Guys, i was wondering if i could move the player thats here http://88.202.183.16/~iradiotest/ (when you hit play) to the main site https://iradio.ie (when you hit listen live)

I cant seem to find where the first player lives

I am getting an error as below when i deploy the code in IIS where as in local it works fine.

I have a master page and master page has an update panel which display a popup on click of a button . Inside an update panel it has two buttons which on click is performing operations server as well as client side operations. It has a child page where <asp:ScriptManager>.. has been employed (i.e., AJax CDN toolkit ). Now the issue seems to be like whenever the child page is loading it is not allowing a postback from master page's Update panel , whereby giving an exception as below :

Uncaught TypeError: Cannot read property 'PRM_ServerError' of undefined
    at Sys.WebForms.PageRequestManager._createPageRequestManagerServerError (MicrosoftAjaxWebForms.js:6)
    at Sys.WebForms.PageRequestManager._parseDelta (MicrosoftAjaxWebForms.js:6)
    at Sys.WebForms.PageRequestManager._onFormSubmitCompleted (MicrosoftAjaxWebForms.js:6)
    at Array.<anonymous> (MicrosoftAjax.js:6)
    at MicrosoftAjax.js:6
    at Sys.Net.WebRequest.completed (MicrosoftAjax.js:6)
    at XMLHttpRequest._onReadyStateChange (MicrosoftAjax.js:6) 

Select all Open in new window

i tried setting like this to supress it, but it did not help :

<script runat=server>
  $(document).ready(function () {
            Sys.WebForms.PageRequestManager.getInstance().add_endRequest( endRequest );
        });

        function endRequest( sender, e ) {
            if( e.get_error() ){
                document.getElementById("error").innerText =  e.get_error().description;
                e.set_errorHandled( true );
            }
    </script>

Select all Open in new window

the issue is driving me nuts ! and i need a proper solution to make the button click in updatepanel work in Master page .

AJAX to call a page.  I have a button that when clicked it will download a csv doc.  I need to attache an AJAK Call so as to return/ download an additional CSV.  The AJAX Call to the page works but it is not downloading the CSV.

   <script>
                                                $(document).ready(function () {
                                                    $('#order_button').click(function () {

                                                        $.ajax({
                                                            url: '<?php echo base_url(); ?>download_order.php',
                                                            method: 'post',
                                                            data: {term: $('#download_child').val()},
                                                        })
                                                    });
                                                });
                                            </script>
                                            <form action="<?php echo base_url('download.php'); ?>" method="POST">
                                                <button type="submit" id="order_button" name="download_csv" class="download-csv-btn"><i class="fa fa-download"></i> Download All Data</button>
                                                <input type="hidden" value="True" id="download_child" />
                                            </form>

Select all Open in new window

downlod_order.php

$db =

Select all Open in new window

…

I have an iframe in Masterpage updatepanel . It has an .html page as its source. So, there is a textarea where the html page is displayed .  When i modify the html page in the textarea and click on a button , it should update the html content back to html page. [Basically i want the updated dom of the iframe to be assigned back to the innertext of the html body of the html page . i am currently using htmlagility pack to achieve read and save of the .html page. The only thing not working is the updating of .html file dynamically .

Is it possible to do so ?

How to get around the jQuery.ajax CORS and Jsonp callback problem?
I'm writing a solution in a WordPress plugin which requires an api GET call, and will later require POST too, from JavaScript.
My initial attempt resulted in a CORS policy block:

Access to XMLHttpRequest at 'https://app.xxxxx.com/api/pub/v1/contacts/528a34f9-dbc1-4c50-ad6b-a9f300e19ea9' from origin 'https://www.xxxx.co.uk' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Select all Open in new window

This is what the jQuery looked like:

function generateCandidate(cuid){
    console.log('Generating New Candidate');
    var api = my_api()
    var candUrl = "https://app.xxxx.com/api/pub/v1/contacts/" + cuid;
    var da = {
        api_key: api,
    }
    jQuery.ajax({
        url: candUrl,
        data: da,
        type: "application/json",
        method: 'GET',
        success: function(resp){
            console.log(resp);
        },
        error: function(err){
            console.log('Ajax ERROR:');
            console.log(err.toString());
        }
    });
}

Select all Open in new window

So I did some research and discovered plenty of people were getting around the CORS issue by specifying the 'jsonp' type instead of json. So I tried replacing

        type: "application/json",

Select all Open in new window

with

dataType: 'jsonp',

Select all Open in new window

But then I discovered I need to specify a callback somehow, because the error I get is this:

jquery.js?ver=1.12.4:4 GET https://app.xxxx.com/api/pub/v1/contacts/528a34f9-dbc1-4c50-ad6b-a9f300e19ea9?callback=jQuery1124036525732914578746_1550866428904&_=1550866428905 net::ERR_ABORTED 404

Select all Open in new window

I've read about how the callback can be sent to a function, and handled that way to make it work. But I can't find out what the function should do, or how to write it.
And I'm not sure if that's what I should be doing anyway, or if there's any way I can solve the CORS problem in a way it can be used publicly, and not just in my own browser.

Can anyone assist, or point me in the right direction to get this solved.

Many thanks
Tim

I'm trying to "POST" data via jquery ajax to a back end perl script

If i change bellow method to GET it works

HTML

<html>
  <head>
    <title>TODO supply a title</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
         <script>
           var url = "cgi-bin/form.pl?list=123,456,789&foo=bar";
           $(function() {
           $("#PostBtn").click(function(){
            $.ajax({
            url: url, 
            type:"POST",
            dataType:"text",
            success: function(data, textStatus, jQxHr) {
            
            $("#res").html(data);
            },
            });
              });
          });
         </script>
  </head>
  <body>
    <div><button id="PostBtn" value="Post btn">Post btn</button></div>
    <div id="res"></div>
  </body>
</html>

Select all Open in new window

cgi-bin/form.pl

#!C:\strawberry\perl\bin\perl.exe
print "Content-type:text/html\n\n";

use CGI;
 my $query = CGI->new;

my @Names = $query->param;
my $list = $query->param('list');
my $foo = $query->param('foo');

<p>data $data</data>
print <<HTML;
  <h1>Hello Posts</h1>
HTML
foreach my $name (@Names)
  {
    print "<p>" . $name . "[ " . $q->param($name) . "]</p>";  
    
  }

Select all Open in new window

How do I receive the parameters in perl?

I am using the AjaxFileUpload part of the AjaxControlToolkit.  I am trying to trigger a javascript function from the OnClientUploadComplete function.  I put in the name of the function in quotes next to the OnClientUploadComplete= inside the tag and all looks fine.  When I run it in IE 11 I get an error the the function is undefined and AjaxFileUpload model and a grid below it do not finish loading on the page.  Only in IE 11.  What am I doing wrong.  If I take this out, the file uploads fine but the grid below show all files uploaded does not reload with the new file showing.  Reloading the page shows the new file.  I tried putting "javascript: functionName" inside the quotes and it causes other Javascript below that to malfunction and show a panel I was hiding until I click a link to show it.  Very strange and frustrating.  This is a web forms site that use to run in VS 2010 and now running from VS 2017.  Had other issues but need this one corrected first.

See the area of code below.  Commented out the Update Panel as a stab but no luck.

    <script type="text/javascript">
        function OnFileUploadComplete(sender, args) {
            //if (sender._filesInQueue[sender._filesInQueue.length - 1]._isUploaded)
            __doPostBack('updatePanelAttachments', '');    // Do post back only after all files have been uploaded
        }

        function padDatePart(part) {
            return ('0' + part).slice(-2);
        }

        function OnlblStepErrChanged() {

Select all Open in new window

…

I am trying to access the properties of this object but i keep getting undefined. This is what i return from PHP json_encode($return, true);

i try to access results.message (undefined)
or results.status (undefined)

My jquery:

jQuery.ajax({

url: "order_sync.php",
method: 'post',
dataType: 'json',
data: {
  order: obj
},
error: function(){
    
},
success: function(results){


  if(results.status === '0'){


    $(order_button).closest('.error').show();

  } else {

$(order_button).closest('.success').show();

  }

}

})

Select all Open in new window

This is the JS returned to me from PHP and an ajax call:

[  
   {  
      "status":"1",
      "message":"Some Message.",
      "order_id":"6336",
      "country":"United States",
      "customer_name":"Customer",
      "ship_method":"Fedex Ground (Fedex Ground)"
   }
]

Select all Open in new window

This might be a stupid question but... if i am using Auth0 for authentication and i make an AJAX call to another file on my server, do i have to pass anything through to this file in the request? Or simply having the auth0 check inside the file that ajax request is going to will suffice because it will authenticate the user via the session data being stored on the server?

I guess im confused because if I dont have some sort of check in this php file anyone can technically send request to it, and if i do have some sort of check (like the auth0 check) how will it know it came from an authenticated user?

I am using PHP SDK btw.

Thanks

I use ajax to pass a variable to the another page

I have link which works perfectly fine.

xmlhttp.open("GET","getuser2.php?q="+stryeni,true);

however I'd like to add another parameter to the link?
the parameter is p=str,
I get the "str" variable from innerHTML.

how can I do that?

I tryied it like this but it didn't work. thank you

xmlhttp.open("GET","getuser2.php?q="+stryeni&p=str,true);

I'm trying to build a SPA using jQuery AJAX and .NET Web Services and I am stuck trying to figure out why my ajax call is returning a 500 internal server error.

Assume id = 0 and an instance of a shopping list is returned to the ajax call. For some reason it is always hitting the error handler and showing "something went wrong".

JS code:

function getShoppingListById(id) {
    console.info(id);

    $.ajax({
        type: "GET",
        dataType: "json",
        url: "api/ShoppingList/" + id,
        success: function(result) {
            currentList = result;
            showShoppingList();
            drawItems();
        },
        error: function() {
            console.error("Something went wrong");
        }
    });
}

$(document).ready(function () {
    console.info("ready");
    $("#shoppingListName").focus();
    $("#shoppingListName").keyup(function(event) {
        if (event.keyCode === 13) {
            createShoppingList();
        }
    });

    var pageUrl = window.location.href;
    var idIndex = pageUrl.indexOf("?id=");
    if (idIndex !== -1) {
        getShoppingListById(pageUrl.substring(idIndex + 4));
    }
});

Select all Open in new window

C# code:

        
public IHttpActionResult Get(int id)
        {
            var result = shoppingLists.FirstOrDefault(s => s.Id == id);

            if (result == null)
            {
                return NotFound();
            }

            return Ok(result);
       }

Select all Open in new window

What is the cleanist way to make ajax calls on content that is dynamically generated? For example  i have a laravel controller that returns data organized into divs:

$counter = 1;
foreach($data_set as $data){
<div id="$counter" data-content="$id">$data</div>

$counter++
}

endforeach;

Select all Open in new window

So if i return 3 results

<div id="1" data-content="45">$data</div>
<div id="2" data-content="66">$data</div>
<div id="3" data-content="22">$data</div>

Select all Open in new window

Now i want to use an ajax call to drill further down into that data so i need an ajax call to grab the data-content field from id="1" which will then return me another subset of data

<div id="1" data-content="45">$data</div>
                       <div id="1a" data-content="45">$item</div>
                       <div id="1b" data-content="45">$item</div>
                       <div id="1c" data-content="45">$item</div>
<div id="2" data-content="66">$data</div>
<div id="3" data-content="22">$data</div>

Select all Open in new window

What is the easiest way to do this with JAvascript if my ID's are being generated dynamically? Use a loop and a this keyword to get the array key of the element being clicked ?