L'antiga església de Sant Joan, consagrada el 1372, fou enderrocada el 1868. Al seu lloc es projectà un nou temple executat per l'arquitecte Juli Saracíbar, presentat i aprovat pel bisbe Marià Puigllat cap el 1869 o 1870. No obstant, les obres no començaren fins el 1877, col·locant-se la primera pedra el 16 d'abril. Les obres van ser dirigides per l'arquitecte Celestí Capmany que introduí algunes modificacions al projecte de Saracíbar. Finalment es va consagrar el 27 d'octubre de 1895, tot i que les obres continuaren. El resultat és un temple d'estil historicista amb unes torres a la façana que mai es van construir.