JQuery :: Passing Base 64 Encoded String Through Ajax?
Feb 1, 2011
I have an image that is encoded as a base 64 string, and I'm having trouble passing that a WCF service using $.ajax(). I initally tried using JSON to pass the argument to the web service, but I kept getting 400 Bad Request errors for anything of reasonable length (if I just pass a test string in, it makes it through, of course). I've tried calling encodeURIComponent on the string before stringifying it, but that hasn't helped. I've also tried various content types ("application/json; charset=utf-8", as well as whatever the default is) and that hasn't made a difference either. Unfortunately, the request is being made through a mobile phone, so debugging options are few. Is there an upper limit to the size of the argument that I'm passing in this? The strings can be a few hundred kb at the low end up to maybe 1 or 2 mb at the high end.
I have this image gallery in which clients should be able to determine the order in which their images are shown. The sortable part works. Then I want to pass the new order to the next page called act_writeneworder.cfm (i am using coldfusion) I just started with jQuery and it is driving me nuts:-) Each time I think I am having it well i am testing and the variable passed through gives an empty string. My code:
I am having quite a bit of trouble getting items out of a json encoded array. I have searched this forum tirelessly and can't find anything except more confusion. I'm simply trying to retrieve data from a mysql db via ajax.
select.php: echo $json_encode_data; output is like so: {
[Code]....
Do you need to use a .json file when using .getJSON? I simply want to print data from my select.php file that has an json encoded array. If there is a more simple way to do this without using json encode
Two objects on an html page. An event on object 1 effects object 2 $(".video_rg").mouseover(function(event){ var myTriggerId = event.target.id; var myTargetId = 'video_' + myTriggerId; document.getElementById(myTargetId).src = 'images/test_object_2.gif'; // this works // $('#myTargetId').src = 'images/test_object_2.gif'; // this does not }); My assumption (we know about those) is that I am not passing the data to the $() function correctly, that it is reading '#myTargetId' as a string, and not a variable. I just really want the JQuery code that would do what the document.getElementById code is doing.
Unfortunately that doesn't work. I understand that the index() isdocumentation (though confusing) correctly tells you that the above code doesn't work. Maybe I'm just weird, but I feel that the way .index() is implemented for string arguments is very counter intuitive. I have an expectation that .index() is similar to indexOf() in javascript.
to append a parameter string like: '?key=val' to the currenturl and the value for the key changes based on the user input. Isthere any jquery utility that does the base url extraction fromwindow.location, so that I can append the '?key=val' to that?
i want to pass XML data in querystring from one to another asp page. it is about 10000 characters long, i cannot use FORM because it is already nested in one.
What i do is i have IFRAME and im passing some xml data in QUERYSTRING. It doesnt work somehow, im using javascript escape method to substitute escape characters, but most of characters are being truncated (about 300-500 left).
Are there limits in querystring length? what else should i try?
pass a value from a checkbox when it selected by a user and place it in part of the url and equally remove it from the url when it the checkbox is deselected? there will be more than one checkbox. e.g.
Checkbox one has value [VALUE1] Checkbox two has value [VALUE2]
they are placed on page located at: www.mysite.com/site.html
Would there ever be any problems with the following script depending on what type of characters are in the text string? I am appending the value of hidden form field to the query string.
//Assume JavaScript enabled browsers and popups allowed....
I would like to separate my javascript completely from my xhtml. in the end there should be only
<script type="text/javascript" src="javalib.js"></script> in the head-tag to my javascript.
Because I want to use some ajax-requests and other javascript-functions on my xhtml, I need to dynamically add event handlers to any possible dom-elements. All solutions I found so fare are for specific, pre-known dom-elements: like 'all <imgof a certain <span>-class get an onmouseover event handler'. But I need a function, which runs onload of the window and dynamically determines, which dom-elments need an event handler and which ones don't. Code:
How come when I display my output to a browser without the presence of the ad11.jpg file, only the first word (April) in the text string "April Showers" is dispayed where the .jpg file is suppose to be...but the last line displays the entire text string.
I'm working on a generator that is supposed to do something after something is selected from forms. So here it goes: I got two select forms now. After I select the value from the first form the value of the form is passed to the second form and it then generates it's own values depending on the value it gain. I realized that you can do this without page refresh with JQuery and I thought that would be nice and I gave it a try but now I'm stuck and here is my problem:
I've problem at passing the right value from the first form. I only want the value of the option that is selected. All my values are coming from MySQL database. I've tried this: var str = $('#customer').val(); (customer being the id of my select tag of the form) but it just returns an empty array. I don't want to pass array in the first place. I just want to pass the value.
I've tried serialization too but iit passes the right value but it passes it so many times as I have options in my form.
So I'm making a "wiper blade application guide." I've got a form that starts out talking to my mysql database and grabs all of the makes. The user chooses a make. This calls a function that takes the value of the make and shoots it over to my database and returns all of the models of that make and populates the model dropdown box. Then they choose a model which does the same thing as the last one except it returns years. What is different is that my database has a startYear row and an endYear row which I am sticking together with a '-'. Then the user chooses a year which has to send make, model, and year (or at least model and year) over to the database query. I've managed to get it to send all of the values via an array but I can't figure out how to get them back on the php side.
Here is the code I've got. index.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL]"> <html xmlns="[URL]"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link href="template.css" rel="stylesheet" type="text/css" /> <script language="javascript" type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript"> function get_models() { var make = $("#make").val(); $.ajax({ url: "getModels.php", global: false, type: "GET", async: false, dataType: "html", data: "make="+make, success: function (response) { ..... Here is a link to see it in action [URL].
Basically I want the field name to be a variable but it is taking it as a literal.When I print back the POST array with PHP I get:- Array ( [field_name] => Whatever I typed )So if the text field has a name of 'username' then I want the PHP to print back
Array ( [username] => Whatever I typed )
$(function(){//on DOM.load $('.register-field').blur(function() { var field_val = $(this).val();
