An actual JSON request would look like this:

    data: &#39;{&quot;command&quot;:&quot;on&quot;}&#39;,

Where you&#39;re sending an actual JSON string.  For a more general solution, use [`JSON.stringify()`][1] to serialize an object to JSON, like this:

    data: JSON.stringify({ &quot;command&quot;: &quot;on&quot; }),

To support older browsers that don&#39;t have the `JSON` object, use [json2.js][2] which will add it in.

----

What&#39;s currently happening is since you have `processData: false`, it&#39;s basically sending this: `({&quot;command&quot;:&quot;on&quot;}).toString()` which is `[object Object]`...what you see in your request.


  [1]: https://developer.mozilla.org/En/Using_native_JSON#Converting_objects_into_JSON
  [2]: http://www.json.org/js.html

In the case of following string to be parsed.

    ford mustang,10,blue~~?bugatti veyron,13,black

I want to replace the `~~?` with a `carriage return`

Replacing with `\n` just adds the string `&quot;\n&quot;`

How can this be done?

Find and replace - Add carriage return OR Newline

I set `visibility` to invisible like this on Android:

    myImageView.setVisibility(View.INVISIBLE);

And then to make it visible:

    myImageView.setVisibility(View.VISIBLE);

Now I don&#39;t know if `myImageView` is visible or not, how can I check it like this:
    
 

    if (myImageView IS VISIBLE) {
        Do something
    } else {
        Do something else
    }

How can I do that? What do I have to write within the brackets? 


How can I check if a view is visible or not in Android?

So according to the [jQuery Ajax docs][1], it serializes data in the form of a query string when sending requests, but setting `processData:false` should allow me to send actual JSON in the body.  Unfortunately I&#39;m having a hard time determining first, if this is happening and 2nd what the object looks like that is being sent to the server.  All I know is that the server is not parsing what I&#39;m sending.

When using [http client][2] to post an object literal `{someKey:&#39;someData&#39;}`, it works. But when using jQuery with `data: {someKey:&#39;someData&#39;}`, it fails.  Unfortunately when I analyze the request in Safari, it says the message payload is `[object Object]` ... great...  and in Firefox the post is blank...

When logging the body content on the Java side it literally gets `[object Object]` so how does one send REAL JSON data??

Has anyone had experience with a Java service serializing JSON data in the request body, with the request sent from jQuery?  

BTW here is the full $.ajax request:

    $.ajax({
    	contentType: &#39;application/json&#39;,
    	data: {
    		&quot;command&quot;: &quot;on&quot;
    	},
    	dataType: &#39;json&#39;,
    	success: function(data){
    		app.log(&quot;device control succeeded&quot;);
    	},
    	error: function(){
    		app.log(&quot;Device control failed&quot;);
    	},
    	processData: false,
    	type: &#39;POST&#39;,
    	url: &#39;/devices/{device_id}/control&#39;
    });

  [1]: http://api.jquery.com/jQuery.ajax/
  [2]: http://ditchnet.org/httpclient/


jQuery posting valid json in request body

So according to the <a href="http://api.jquery.com/jQuery.ajax/" target="_blank" rel="noopener noreferrer">jQuery Ajax docs</a>, it serializes data in the form of a query string when sending requests, but setting <code>processData:false</code> should allow me to send actual JSON in the body. Unfortunately I'm having a hard time determining first, if this is happening and 2nd what the object looks like that is being sent to the server. All I know is that the server is not parsing what I'm sending.
When using <a href="http://ditchnet.org/httpclient/" target="_blank" rel="noopener noreferrer">http client</a> to post an object literal <code>{someKey:'someData'}</code>, it works. But when using jQuery with <code>data: {someKey:'someData'}</code>, it fails. Unfortunately when I analyze the request in Safari, it says the message payload is <code>[object Object]</code> ... great... and in Firefox the post is blank...
When logging the body content on the Java side it literally gets <code>[object Object]</code> so how does one send REAL JSON data??
Has anyone had experience with a Java service serializing JSON data in the request body, with the request sent from jQuery?
BTW here is the full $.ajax request:
<pre><code class="hljs language-lua">$.ajax({
	contentType: 'application/json',
	data: {
		"command": "on"
	},
	dataType: 'json',
	success: function(data){
		app.log("device control succeeded");
	},
	error: function(){
		app.log("Device control failed");
	},
	processData: false,
	type: 'POST',
	url: '/devices/{device_id}/control'
});
</code></pre>

Im trying to get a list of line items to a webpage using JSON, which will then be manipulated and sent back to the server by ajax request using the same JSON structure that arrived (except having had a field values changed). 

Receiving data from the server is easy, manipulation even easier! but sending that JSON data back to the server for saving... suicide time! PLEASE can someone help!

**Javascript**

    var lineitems;

    // get data from server
    $.ajax({
        url: &#39;/Controller/GetData/&#39;,
        success: function(data){
            lineitems = data;
        }
    });
    
    // post data to server
    $.ajax({
        url: &#39;/Controller/SaveData/&#39;,
        data: { incoming: lineitems }
    });

**C# - Objects**

    public class LineItem{
        public string reference;
        public int quantity;
        public decimal amount;
    }

**C# - Controller**

    public JsonResult GetData()
    {
        IEnumerable&lt;LineItem&gt; lineItems = ... ; // a whole bunch of line items
        return Json(lineItems);
    }
    
    public JsonResult SaveData(IEnumerable&lt;LineItem&gt; incoming){
        foreach(LineItem item in incoming){
            // save some stuff
        }
        return Json(new { success = true, message = &quot;Some message&quot; });
    }

The data arrives at the server as serialized post data. The automated model binder tries to bind `IEnumerable&lt;LineItem&gt; incoming` and surprisingly gets the resulting `IEnumerable` has the correct number of `LineItems` - it just doesnt populate them with data.

**SOLUTION**

Using answers from a number of sources, primarily `djch` on another stackoverflow post and `BeRecursive` below, I solved my problem using two main methods.

*Server Side* 

The deserialiser below requires reference to `System.Runtime.Serialization` and `using System.Runtime.Serialization.Json`

	private T Deserialise&lt;T&gt;(string json)
	{
	    using (var ms = new MemoryStream(Encoding.Unicode.GetBytes(json)))
	    {
	        var serialiser = new DataContractJsonSerializer(typeof(T));
	        return (T)serialiser.ReadObject(ms);
	    }
	}
	
	public void Action(int id, string items){
	    IEnumerable&lt;LineItem&gt; lineitems = Deserialise&lt;IEnumerable&lt;LineItem&gt;&gt;(items);
	    // do whatever needs to be done - create, update, delete etc.
	}

*Client Side*

It uses json.org&#39;s stringify method, available in this dependecy https://github.com/douglascrockford/JSON-js/blob/master/json2.js (which is 2.5kb when minified)

    $.ajax({
        type: &#39;POST&#39;,
        url: &#39;/Controller/Action&#39;,
        data: { &#39;items&#39;: JSON.stringify(lineItems), &#39;id&#39;: documentId }
    });

Posting JSON Data to ASP.NET MVC

In JavaScript/jQuery, how can I scale a varying-length line of text inside a fixed-width Div so that the one line always fits inside the Div (as one line)?

JavaScript Scale Text to Fit in Fixed Div

I have the following:

	$(document).ready(function()
	{
		$(&quot;#select-all-teammembers&quot;).click(function() {
			$(&quot;input[name=recipients\\[\\]]&quot;).attr(&#39;checked&#39;, true);
		});					
	});

I&#39;d like the `id=&quot;select-all-teammembers&quot;` when clicked to toggle between checked and unchecked. Ideas? that aren&#39;t dozens of lines of code?

Toggle Checkboxes on/off

I have a regular text-box:  

    &lt;input type=&quot;text&quot;&gt; 

 I use jQuery to handle key-related events:  

    $(&quot;input:text&quot;).keydown(function() {
        // keydown code
    }).keypress(function() {
        // keypress code
    }).keyup(function() {
        // keyup code
    });

The user focuses on a text-box and presses various keys on his keyboard (the usual ones: letters, numbers, SHIFT, BACKSPACE, SPACE, ...). I need to detect when the user presses a key that is going to increase the length of the text-box value. For example, the &quot;A&quot; key will increase it, the &quot;SHIFT&quot; key wont.  

I remember watching a lecture by PPK where he mentioned the difference between those two. It has something to do with the event - keydown vs. keypress - and possibly with the event properties - key, char, keyCode.

***Update!***  

I need to know this information within the keydown or keypress handlers. I cannot wait for the keyup event to occur. 

***Why I need this:***  

I have a text-box which size dynamically changes based on the user input. You can have a look at this demo: http://vidasp.net/tinydemos/variable-size-text-box.html  

In the demo, I have a keydown and keyup handler. The keyup handler adjusts the text-box size based on the input value. However, the keydown handler sets the size to be 1 character larger then the input value. The reason I do this is that if I didn&#39;t, then the character would overflow outside the text-box and only when the user would let go of the key, the text-box would expand. This looks weird. That&#39;s why I have to anticipate the new character - I enlarge the text-box on each keydown, ergo, before the character appears in the text-box. As you can see in the demo, this method looks great. 

However, the problem are the BACKSPACE and ARROW keys - they will also expand the text-box on keydown, and only on keyup the text-box size will be corrected.    

***A work-around:***  

A work-around would be to detect the BACKSPACE, SHIFT, and ARROW keys manually and act based on that:  

    // keydown handler
    function(e) {
    	var len = $(this).val().length;
    	if (e.keyCode === 37 || e.keyCode === 39 ||
            e.keyCode === 16) { // ARROW LEFT or ARROW RIGHT or SHIFT key
    		return;
    	} else if (e.keyCode === 8) { // BACKSPACE key
    		$(this).attr(&quot;size&quot;, len &lt;= 1 ? 1 : len - 1);
    	} else {
    		$(this).attr(&quot;size&quot;, len === 0 ? 1 : len + 1);
    	}
    }

This works (and looks great) for BACKSPACE, SHIFT, ARROW LEFT and ARROW RIGHT. However, I would like to have a more robust solution.

How to detect if the pressed key will produce a character inside an &lt;input&gt; text-box?

I want to get an Element&#39;s parent which has an specified tag name.

Sample code:

    &lt;table&gt;
       &lt;tr&gt;
          &lt;td&gt;
              &lt;input type=&#39;button&#39; id=&#39;myId&#39; /&gt;
          &lt;/td&gt;
       &lt;/tr&gt;
    &lt;/table&gt;

Now i want something like this:

    $(&#39;#myId&#39;).specificParent(&#39;table&#39;); //returns NEAREST parent of myId Element which table is it&#39;s tagname.



How to get parent element by specified tag name using jquery?

I have trawled the net and Stack Overflow and have not found an adequate answer to this question. Before I start the trial and error process of finding my own solution, I thought I would turn to the Stack Overflow braintrust and see if there was already a successful implementation.

I have an AJAX powered page that degrades properly for non-javascript browsers and SEO.  Each click in the AJAX version can be represented by a unique URL.  

What I want to do is to dynamically change the HREF of the &lt;fb:like /&gt; button.  I do understand that this tag is converted to standard HTML at runtime (namely into a nasty table / iframe layout).

I was just wondering if anyone had any insight as to how to implement this FB like button onto AJAX powered pages?

Cheers in advance :)

**EDIT:**

What do you think of this method I just hacked together?  See any huge problems with it?

    &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;

    &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
    &lt;head runat=&quot;server&quot;&gt;
        &lt;title&gt;&lt;/title&gt;
    
        &lt;script src=&quot;JS/jquery/jquery.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
        &lt;script src=&quot;http://connect.facebook.net/en_US/all.js#xfbml=1&quot;&gt;&lt;/script&gt;
    
        &lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot;&gt;
            $(&quot;document&quot;).ready
            (
                function ()
                {
                    CreateNewLikeButton(&quot;http://www.yahoo.com&quot;)
    
                    $(&quot;a#ChangeToGoogle&quot;).click
                    (
                        function (e)
                        {
                            e.preventDefault();
                            CreateNewLikeButton(&quot;http://www.google.ca&quot;)
                        }
                    );
    
                }
            );
    
            function CreateNewLikeButton(url)
            {
                var elem = $(document.createElement(&quot;fb:like&quot;));
                elem.attr(&quot;href&quot;, url);
                $(&quot;div#Container&quot;).empty().append(elem);
                FB.XFBML.parse($(&quot;div#Container&quot;).get(0));
            }
        &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;form id=&quot;form1&quot; runat=&quot;server&quot;&gt;
        &lt;a id=&quot;ChangeToGoogle&quot; href=&quot;#&quot;&gt;Change To Google&lt;/a&gt;
        &lt;div id=&quot;Container&quot;&gt;
            &lt;fb:like href=&quot;http://www.NEVER_LINK_TO_THIS_12345.com&quot;&gt;&lt;/fb:like&gt;
        &lt;/div&gt;
        &lt;/form&gt;
    &lt;/body&gt;
    
    &lt;/html&gt;

How to add a Facebook &quot;Like&quot; button to an AJAX driven page

**I want to load external images on my page asynchronously using jQuery** and I have tried the following:

    $.ajax({ 
       url: &quot;http://somedomain.com/image.jpg&quot;, 
       timeout:5000,
       success: function() {
    
       },
       error: function(r,x) {
    
       }
    });

But it always returns error, is it even possible to load image like this?

I tried to use [`.load`][1] method and it works but I have no idea how I can set timeout if the image is not available (404). How can I do this?


  [1]: http://api.jquery.com/load/

Asynchronously load images with jQuery

I want to make three ajax calls in a click event. Each ajax call does a distinct operation and returns back data that is needed for a final callback. The calls themselves are not dependent on one another, they can all go at the same time, however I would like to have a final callback when all three are complete.

    $(&#39;#button&#39;).click(function() {
        fun1();
        fun2();
        fun3();
    //now do something else when the requests have done their &#39;success&#39; callbacks.
    });
    
    var fun1= (function() {
        $.ajax({/*code*/});
    });
    var fun2 = (function() {
        $.ajax({/*code*/});
    });
    var fun3 = (function() {
        $.ajax({/*code*/});
    });


jQuery callback for multiple ajax calls

A few days back I asked this question:

&gt;[Why does $.getJSON() block the browser?][1]

I fire six jQuery async ajax requests at the same controller action pretty much all at once. Each request takes 10 seconds to return.

Through debugging and logging requests to the action method I notice that the requests are serialised and never run in parallel. i.e. I see a timeline in my log4net logs like this:

&lt;pre&gt;
2010-12-13 13:25:06,633 [11164] INFO   - Got:1156
2010-12-13 13:25:16,634 [11164] INFO   - Returning:1156
2010-12-13 13:25:16,770 [7124] INFO   - Got:1426
2010-12-13 13:25:26,772 [7124] INFO   - Returning:1426
2010-12-13 13:25:26,925 [11164] INFO   - Got:1912
2010-12-13 13:25:36,926 [11164] INFO   - Returning:1912
2010-12-13 13:25:37,096 [9812] INFO   - Got:1913
2010-12-13 13:25:47,098 [9812] INFO   - Returning:1913
2010-12-13 13:25:47,283 [7124] INFO   - Got:2002
2010-12-13 13:25:57,285 [7124] INFO   - Returning:2002
2010-12-13 13:25:57,424 [11164] INFO   - Got:1308
2010-12-13 13:26:07,425 [11164] INFO   - Returning:1308
&lt;/pre&gt;

Looking at the network timeline in FireFox I see this:

![alt text][2]

Both the log sample above and the Firefox network timeline are for the same set of requests.

*Are requests to the same action from the same page serialised?* I&#39;m aware of serialised access to the `Session` object in the same session, but no session data is being touched.

I stripped the client side code down to a single request (the longest running one) but this still blocks the browser, i.e. only when the ajax request completes does the browser respond to any link clicking.

What I also observe here (in Chrome&#39;s developer tools) is that upon clicking on a link when a long running ajax request is executing it reports a `Failed to load resource` error  immediately which suggests that the browser has killed (or is attempting to kill and waiting?) the ajax request:

![alt text][3]

However the browser still takes an age to redirect to the new page.

Are ajax requests really asynchronous or is this sleight of hand because javascript is actually single threaded?

Are my requests just taking too long for this to work?

The problem occurs in Firefox and IE as well.

I also changed the script to use `$.ajax` directly and explicitly set `async: true`.

I&#39;m running this on IIS7.5, both the Windows 2008R2 and Windows 7 flavours do the same thing.

Debug and release builds also behave the same.


  [1]: https://stackoverflow.com/questions/4359906/why-does-getjson-block-the-browser
  [2]: http://i.stack.imgur.com/A5UEL.jpg
  [3]: http://i.stack.imgur.com/jeE2B.jpg

Why would multiple simultaneous AJAX calls to the same ASP.NET MVC action cause the browser to block?

My code:

    import simplejson as json

    s = &quot;{&#39;username&#39;:&#39;dfdsfdsf&#39;}&quot; #1
    #s = &#39;{&quot;username&quot;:&quot;dfdsfdsf&quot;}&#39; #2
    j = json.loads(s)

`#1` definition is wrong

`#2` definition is right

I heard that in Python that ***single*** and ***double*** quote can be interchangable. Can anyone explain this to me?

Single vs double quotes in JSON

If I defined an object in JS with:

    var j={&quot;name&quot;:&quot;binchen&quot;};

How can I convert the object to JSON? The output string should be:

    &#39;{&quot;name&quot;:&quot;binchen&quot;}&#39;

Convert JS object to JSON string

I am using the build in JSON class in Scala 2.8 to parse JSON code. I don&#39;t want to use the Liftweb one or any other due to minimizing dependencies.

The way I am doing it seems too imperative, is there a better way to do it?

    import scala.util.parsing.json._
    ...
    val json:Option[Any] = JSON.parseFull(jsonString)
    val map:Map[String,Any] = json.get.asInstanceOf[Map[String, Any]]
    val languages:List[Any] = map.get(&quot;languages&quot;).get.asInstanceOf[List[Any]]
    languages.foreach( langMap =&gt; {
    val language:Map[String,Any] = langMap.asInstanceOf[Map[String,Any]]
    val name:String = language.get(&quot;name&quot;).get.asInstanceOf[String]
    val isActive:Boolean = language.get(&quot;is_active&quot;).get.asInstanceOf[Boolean]
    val completeness:Double = language.get(&quot;completeness&quot;).get.asInstanceOf[Double]
    }



How to parse JSON in Scala using standard Scala classes?

According to Crockford&#39;s [json.org][1], a JSON *object* is made up of *members*, which is made up of *pairs*.

Every pair is made of a *string* and a *value*, with a *string* being defined as:

&gt; A string is a sequence of zero or more
&gt; Unicode characters, wrapped in double
&gt; quotes, using backslash escapes. A
&gt; character is represented as a single
&gt; character string. A string is very
&gt; much like a C or Java string.

But in practice most programmers don&#39;t even know that a JSON key should be surrounded by double quotes, because most browsers don&#39;t require the use of double quotes.

Does it make any sense to bother surrounding your JSON in double quotes?

Valid Example:

    {
      &quot;keyName&quot; : 34
    }

As opposed to the invalid:

    {
       keyName : 34
    }

  [1]: http://www.json.org/

Is there any practical reason to use quoted strings for JSON keys?

I&#39;m trying to create a website that can be downloaded and run locally by launching its index file.

All the files are local, no resources are used online.

When I try to use the AJAXSLT plugin for jQuery to process an XML file with an XSL template (in sub directories), I receive the following errors:

`XMLHttpRequest cannot load file:///C:/path/to/XSL%20Website/data/home.xml. Origin null is not allowed by Access-Control-Allow-Origin.`

`XMLHttpRequest cannot load file:///C:/path/to/XSL%20Website/assets/xsl/main.xsl. Origin null is not allowed by Access-Control-Allow-Origin.`

The index file making the request is `file:///C:/path/to/XSL%20Website/index.html` while the JavaScript files used are stored in `file:///C:/path/to/XSL%20Website/assets/js/`.

How can I do to fix this issue?

XMLHttpRequest Origin null is not allowed Access-Control-Allow-Origin for file:/// to file:/// (Serverless)

I’m using `JSON.parse` on a response that sometimes contains a 404 response. In the cases where it returns 404, is there a way to catch an exception and then execute some other code?

    data = JSON.parse(response, function (key, value) {
        var type;
        if (value &amp;&amp; typeof value === &#39;object&#39;) {
            type = value.type;
            if (typeof type === &#39;string&#39; &amp;&amp; typeof window[type] === &#39;function&#39;) {
                return new(window[type])(value);
            }
        }
        return value;
    });

Proper way to catch exception from JSON.parse

I&#39;m writing a script that uses an XMLHttpRequest to search for a file defined by a relative path, by attempting to resolve that relative path against other same domain absolute paths that the script is aware of, then attempting to load the file from that resolved url. If I encounter a 404, I just try to resolve the files relative path against another absolute path, and try again. For this particular script, its perfectly fine to encounter a 404- however, my console is littered with &#39;Failed to load resource: the server responded with a status of 404 (Not Found) messages, and I want to suppress them.

There is no error to catch as far as I can see- error cases are handled by the xmlHttpRequest.onreadystatechange handler, and there is no window.onerror.

Is there any way to suppress these messages?

Thanks

Suppress Chrome &#39;Failed to load resource&#39; messages in console

How can I find out which method is best for a situation? Can anybody provide some examples to know the difference in terms of functionality and performance?

What is the difference between XMLHttpRequest, jQuery.ajax, jQuery.post, jQuery.get

When trying to do a HTTP request using XMLHttpRequest from a local file, it basically fails due to `Access-Control-Allow-Origin` violation.

However, I&#39;m using the local web page myself, so I was wondering if there is any way to make Google Chrome allow these requests, which are from a local file to a URL on the Internet.

E.g., `$.get(&#39;http://www.google.com/&#39;)` fails when executing in a local file, but I&#39;ve scripted the page myself and I&#39;m using it myself, so it would be extremely useful if I could suppress it and load the URL.

So, how can I allow Google Chrome to load URLs using XMLHttpRequest from local files?

Content Type	Original Author	Original Content on Stackoverflow
Question	brad	View Question on Stackoverflow
Solution 1 - Jquery	Nick Craver	View Answer on Stackoverflow

jQuery posting valid json in request body

Jquery Problem Overview

Jquery Solutions

Solution 1 - Jquery

How can I check if a view is visible or not in Android?

Find and replace - Add carriage return OR Newline

Attributions